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

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

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

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://bzwzjz.com/article/ghissi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 定制级高端网站建设 H5网站制作 定制网站制作 LED网站设计方案 网站建设公司 成都网站设计 高端网站建设 成都网站建设公司 成都网站建设公司 营销型网站建设 网站设计制作报价 网站建设开发 企业手机网站建设 成都网站制作 手机网站建设 企业网站设计 成都网站设计 成都定制网站建设 成都网站建设 营销型网站建设 定制网站设计