小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想在点击后修改字体的颜色
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxml代码:
<view style="color: {{fontColor}};" bindtap="changeColor">点我换颜色</view>
js代码:
data: { fontColor:'black' }, changeColor(){ this.setData({ fontColor:'blue' }) },
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
用JS中的setdata方法
color: {{fontColor}};
然后点击事件中利用this.setData将该变量改了
<label style="color: {{isColor?'blue':'red'}};"> 点我换颜色 <switch hidden model:checked='{{isColor}}' /> </label>
这可能是最简代码了。
可以预置两个class,wxml中切换class名称
在javascript界面中通过setdata动态修改
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxml代码:
<view style="color: {{fontColor}};" bindtap="changeColor">点我换颜色</view>
js代码:
data: { fontColor:'black' }, changeColor(){ this.setData({ fontColor:'blue' }) },
用JS中的setdata方法
color: {{fontColor}};
然后点击事件中利用this.setData将该变量改了
<label style="color: {{isColor?'blue':'red'}};"> 点我换颜色 <switch hidden model:checked='{{isColor}}' /> </label>
这可能是最简代码了。
可以预置两个class,wxml中切换class名称
在javascript界面中通过setdata动态修改