⼩程序实现点击按钮修改字体颜⾊功能【附demo源
码下载】
本⽂实例讲述了⼩程序实现点击按钮修改字体颜⾊功能。分享给⼤家供⼤家参考,具体如下:
1、效果展⽰
2、关键代码
index.wxml⽂件
<view class="view" >我是view标签</view>
<view >
<block wx:for="{{colorArray}}" wx:key="" wx:for-item="Color">
<button class="btn" type="default" bindtap="bindtap{{index}}"></button>
</block>
</view>
这⾥使⽤bindtap="bindtap{{index}}"绑定事件动态修改中的颜⾊值。
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:lorArray[index]
})
}
})(i)
}
Page(pageData)
3、源代码点击此处。
希望本⽂所述对⼤家⼩程序开发有所帮助。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论