小程序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"
})
}
})