// pages/demo2/demo2.js
Page({
/**
* 页面的初始数据
*/
data: {
list:[],
count:0,
isTouch:false,
isSetting:false,
textColor:'white',
textColorList:[
{color:'white',name:'白'},
{color:'gold',name:'金'},
{color:'pink',name:'粉'}
],
imageSrc:'木鱼-白',
muyuList:['木鱼-白','木鱼-银','木鱼-红','木鱼-绿','木鱼-粉','木鱼-金'],
// 预选颜色
priTempImageSrc:'木鱼-白',
priTempTextColor:'white',
},
// 计时器变量
intervalId:'',
gongdeText:'功德+1',
tempgongdeText:'',
tempImageSrc:'木鱼-白',
tempTextColor:'white',
click(){
var templist = this.data.list
if(this.data.list.length == 50){
templist.splice(1,40)
this.setData({
list:templist
})
}
templist.push(this.gongdeText)
this.setData({
list:templist,
count:this.data.count + 1
})
wx.vibrateShort({
type: 'light',
})
},
sliderTouch(){
let that = this;
this.setData({
isTouch: !this.data.isTouch
});
if (this.data.isTouch) {
that.intervalId = setInterval(that.click, 200);
} else {
clearInterval(that.intervalId);
that.intervalId = null;
}
},
// 设置按钮方法，显示设置页面
setting(){
this.setData({
isSetting:true
})
},
// 设置漂浮文字
input_setText(e){
this.tempgongdeText = e.detail.value
console.log(this.tempgongdeText)
},
// 设置文字颜色
setTextColor_selectColor(e){
var val = e.currentTarget.dataset.val
if(val == ''){
this.tempTextColor = this.data.textColor
this.setData({
priTempTextColor:this.data.textColor
})
}else{
this.tempTextColor = val
this.setData({
priTempTextColor:this.tempTextColor
})
}
},
// 设置木鱼颜色
setMuyu_selectImage(e){
var imageSrc = e.target.id
if(imageSrc == ''){
this.tempImageSrc = this.data.imageSrc
}else{
this.tempImageSrc = imageSrc
}
this.setData({
priTempImageSrc:this.tempImageSrc
})
},
//设置界面的确认取消按钮功能
tap_setBtn(e){
var that = this
var val = e.target.dataset.val
console.log(this.tempImageSrc)
if(val == 1){
// 监测是否输入文字为空
if(that.tempgongdeText != ''){
that.gongdeText = that.tempgongdeText
}else{
that.tempgongdeText = that.gongdeText
}
// 设置木鱼图片、文字颜色
this.setData({
imageSrc:that.data.priTempImageSrc,
textColor:that.data.priTempTextColor
})
}
// 关闭设置
this.setData({
isSetting:false
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
this.setData({
isTouch:false
})
clearInterval(this.intervalId)
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
微信小程序项目-功德木鱼（带设置面板-自定义文字、可选字体颜色、可选木鱼样式）
需积分: 5 67 浏览量
2024-04-28
22:01:51
上传
评论 1
收藏 81KB ZIP 举报
功德木鱼(V2.0.0).zip （21个子文件） 
功德木鱼(V2.0.0) 
sitemap.json 191B .DS_Store 6KB project.private.config.json 372B pages index index.wxml 2KB index.js 3KB index.json 150B index.wxss 4KB .eslintrc.js 587B app.json 325B project.config.json 532B app.js 364B utils util.js 460B app.wxss 194B images .DS_Store 6KB
木鱼-红.png 10KB 木鱼-白.png 8KB 木鱼-粉.png 10KB 木鱼-银.png 10KB 木鱼-金.png 9KB 设置.png 5KB 木鱼-绿.png 10KB资源评论
