网站建设问答小编今天给大家整合了一篇有关《微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】 ...》的文章,关于微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】 ...的详细内容欢迎往下阅读,下面就由小编一一给大家介绍,一起去了解吧!
本文实例讲述了微信小程序实现点击按钮修改字体颜色功能。分享给大家供大家参考,具体如下:
1、效果展示
2、关键代码
index.wxml文件
这里使用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){
pageData['bindtap'+index]=function(e){
this.setData({
color:this.data.colorArray[index]
})
}
})(i)
}
Page(pageData)
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
扫二维码与项目经理沟通
我们在微信上24小时为你服务
小蚂蚁微信号: 2067876620
目前,《微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】 ...》页面仍在完善中,后续将为您提供丰富、全面的关于《微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】 ...》的最佳回答,小编将持续从百度问答、百度百科、搜狗问答、搜狗百科、微博问答、头条百科、悟空问答、知乎热门问答以及部分合作站点渠道收集和补充完善信息。
深圳蚂蚁网络网站建设公司提供,系统定制,微信开发、小程序定制、微商城开发、网站建设、网站排名优化推广等互联网项目定制开发服务。版权声明:如发现内容存在版权问题,烦请提供相关信息发邮件至3310459304@qq.com,我们将及时沟通与处理。本站内容均来源于网络,涉及言论、版权与本站无关。