前言
本文主要介紹了關(guān)于微信小程序 JS動(dòng)態(tài)修改樣式的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧
先寫一個(gè)不怎么好看的demo,通過點(diǎn)擊事件來控制view的元素屬性,把背景改變成藍(lán)色。
是這樣的效果:

代碼如下:
上一份小代碼
index.wxml
<view > <view class="cont" style="background:{{background}};">屬性改變</view> <button bindtap="tryDriver">測試</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">測試</button></view>js:
Page({ data: {}, tryDriver: function() { this.setData({ background: "#89dcf8", color:'#ffffff', height:"322rpx" }) }})總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對武林網(wǎng)的支持。
新聞熱點(diǎn)
疑難解答