微信小程序如何实现点击按钮修改字体颜色的功能

小编给大家分享一下微信小程序如何实现点击按钮修改字体颜色的功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

站在用户的角度思考问题,与客户深入沟通,找到高碑店网站设计与高碑店网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、雅安服务器托管、企业邮箱。业务覆盖高碑店地区。

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){
    pageData['bindtap'+index]=function(e){
      this.setData({
        color:this.data.colorArray[index]
      })
    }
  })(i)
}
Page(pageData)

看完了这篇文章,相信你对“微信小程序如何实现点击按钮修改字体颜色的功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


名称栏目:微信小程序如何实现点击按钮修改字体颜色的功能
路径分享:http://scyanting.com/article/ghissi.html