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

百变鹏仔 11小时前 #前端问答

文章标签按钮

之前介绍过很多关于微信小程序的内容，本文我们接着给大家分享微信小程序实现点击按钮修改字体颜色功能,涉及微信小程序wx:for循环读取data数值及事件绑定修改元素属性相关操作技巧,需要的朋友可以参考下。

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

1、效果展示

2、关键代码

index.wxml文件

<view>我是view标签</view><view>    <block>    <button></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<p></p><p>以上内容就是微信小程序实现点击按钮修改字体颜色功能的小案例，希望能帮助到大家。</p><p>

文章推荐

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

微信公众账号开发：URL 和 Tocken介绍

微信公众账号开发 ：消息原理介绍

详解微信小程序合法域名校验出错的解决方法

微信公众平台获取appid和appsecret的方法介绍

详解微信小程序遇到修改数据后页面不渲染的问题解决方法

微信公众账号开发：消息原理介绍