小程序js頁面加樣式的案例:
在對應的.wxml文件中添加以下代碼:
<view >
<view class="cont" style="background:{{background}};">屬性改變</view>
<button bindtap="tryDriver">測試</button>
</view>
在對應的.wxss文件中添加以下代碼:
.cont{
height: 150rpx;
line-height: 150rpx;
text-align: center;
border: 1px solid #89dcf8;
margin-bottom:112rpx;
margin:13rpx;
}
在對應的.js文件中添加以下代碼:
Page({
data: {},
tryDriver: function() {
this.setData({
background: "#89dcf8"
})
}
})