微信开发之如何实现JS动态修改样式

这篇文章主要介绍微信开发之如何实现JS动态修改样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注于企业全网营销推广、网站重做改版、信丰网站定制设计、自适应品牌网站建设、H5响应式网站商城开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为信丰等各大城市提供网站开发制作服务。

微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。

以下是一种动态修改样式的方法,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已。感觉有点········那个啥的,怪怪的。不过也没办法了。如果你有更好的方法,可以在评论区分享一下。

test.wxml


 我会变色
 变红
 变绿

test.js

Page({
 data: {
 color: "red"
 },
 clickRed: function () {
 this.setData({
  color: "red"
 })
 },
 clickgreen: function () {
 this.setData({
  color: "green"
 })
 }
})

效果

微信开发之如何实现JS动态修改样式

以上是“微信开发之如何实现JS动态修改样式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站标题:微信开发之如何实现JS动态修改样式
新闻来源:http://bzwzjz.com/article/piegec.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 专业网站建设 重庆网站建设 重庆电商网站建设 网站建设公司 自适应网站建设 响应式网站设计方案 网站制作报价 网站制作 企业手机网站建设 手机网站建设套餐 成都网站建设公司 四川成都网站设计 外贸营销网站建设 专业网站设计 成都企业网站建设 网站设计 成都响应式网站建设 自适应网站设计 成都网站设计 手机网站建设 高端网站设计