微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】

微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】

本文实例讲述了微信小程序实现点击按钮修改字体颜色功能。分享给大家供大家参考，具体如下：

1、效果展示

2、关键代码

index.wxml文件

我是view标签

这里使用bindtap="bindtap{{index}}"绑定事件动态修改style="color:{{color}}"中的颜色值。

index.js文件

var pageData={}

pageData.data={

color:'black',

colorArray:['red','blue','yellow','green','black']

}

for(var i=0;i<5;++i){

(function(index){

BSAJhSm pageData['bindtap'+index]=function(eBSAJhSm){

this.setData({

color:this.data.colorArray[index]

})

}

})(i)

}

Page(pageData)

3、源代码点击此处本站下载。

希望本文所述对大家微信小程序开发有所帮助。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。