微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码

微信小程序这个坑啊，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动态修改样式的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码相关推荐

微信小程序map 动态修改markers的解决方法
微信小程序map动态markers的解决方法先上效果图这里演示点击标记点,改变他的气泡背景颜色和字体颜色 1.动态修改数据,需要用到 this.setData(), 2.markers 是一个数组 ...
微信小程序页面上面的名字怎么改_微信小程序如何动态修改页面标题——已解决...
微信小程序初始化的标题我们知道实在全局.json文件中设置的,如果修改全局设置中的navigationBarTitleText,我们全部页面的标题都会统一改变: 例如: "navigatio ...
[微信小程序]js动态改变数组对象列表中的样式
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 这里我用微信小程序商城开发中选择商品规格选择做示例: 先把效果图让大家看看, 默认情况下是这样的当 ...
微信小程序：动态修改数组的某一个元素
简介在微信小程序项目中,需要点击页面遍历出的某一个元素,更换其图标.经过踩坑,发现了关键点,与大家分享一下. 具体实现 // 定义的数组 data: {arrayData: [{ keyID: &q ...
uniapp开发微信小程序——实现动态修改svg图标颜色
准备: 准备好svg图片代码,示例: <svg t="1679711757104" class="icon" viewBox=" ...
uniapp动态显示数组_【报Bug】uniapp 在小程序中动态修改添加数组数据，点击获取的索引值错误...
在微信小程序中会有这个问题,h5正常在 v-for数组列表同时 :key 值没有用下标设置,而是用其它设置 ,会导致动态添加数组内容 ,点击列表获取的列表下标错误重现步骤 {{title ...
清除微信小程序button的默认样式
清除微信小程序button的默认样式文章目录清除微信小程序button的默认样式总结最近在微信小程序的开发过程中,经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢? 一.去除b ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
【微信小程序模板】可以用微信小程序模板制作小程序吗？
小程序作为电子商务营销和企业营销的一个重要方式,很多很多商家.公司已经建立了自己的小程序.那小程序怎么做呢?可以用微信小程序模板制作小程序吗? 答案是可以的,你可以使用小程序制作平台. 首先,是要申请 ...

微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码

微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码相关推荐

最新文章

热门文章