首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信小程序 动态修改颜色

微信小程序 动态修改颜色

作者头像
yechaoa
发布2022-06-10 13:12:40
发布2022-06-10 13:12:40
1.7K0
举报
文章被收录于专栏:移动开发专栏移动开发专栏

在h5中可以用js根据id啊、class啊等等找到控件,然后.css 但是在小程序中没有,小程序是数据绑定的模式,style也可以这样写

1,在data中定义变量color

代码语言:javascript
复制
data: {
    color:"#ff6f10",
},

2,在控件中使用

代码语言:javascript
复制
style='color:{{color}};'

3,在需要的场景下修改data中的color即可

代码语言:javascript
复制
that.setData({
     color: "#999"
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1,在data中定义变量color
  • 2,在控件中使用
  • 3,在需要的场景下修改data中的color即可
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档