前言
本文主要介紹了關(guān)于微信小程序 JS動(dòng)態(tài)修改樣式的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧
先寫(xiě)一個(gè)不怎么好看的demo，通過(guò)點(diǎn)擊事件來(lái)控制view的元素屬性，把背景改變成藍(lán)色。
是這樣的效果：
代碼如下：
上一份小代碼
index.wxml
<view > <view class="cont" style="background:{{background}};">屬性改變</view> <button bindtap="tryDriver">測(cè)試</button></view>index.wxss
.cont{ height: 150rpx; line-height: 150rpx; text-align: center; border: 1px solid #89dcf8; margin-bottom:112rpx; margin:13rpx;}index.js
Page({ data: {}, tryDriver: function() { this.setData({ background: "#89dcf8" }) }})一次性修改多個(gè)屬性，比如同時(shí)改變背景顏色，字體顏色，字體大小等樣式
wxml:
<view > <view class="cont" style="background:{{background}};color:{{color}};height:{{height}}">屬性改變</view> <button bindtap="tryDriver">測(cè)試</button></view>js:
Page({ data: {}, tryDriver: function() { this.setData({ background: "#89dcf8", color:'#ffffff', height:"322rpx" }) }})總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)VEVB武林網(wǎng)的支持。
新聞熱點(diǎn)
疑難解答
圖片精選
