小程序js页面怎么加样式

小程序js页面怎样加样式

小程序js页面加样式的案例：

在对应的.wxml文件中添加以下代码：

<view>
<viewclass="cont"style="background:{{background}};">属性改变</view>
<buttonbindtap="tryDriver">测试</button>
</view>

在对应的.wxss文件中添加以下代码：

.cont{
height:150rpx;
line-height:150rpx;
text-align:center;
border:1pxsolid#89dcf8;
margin-bottom:112rpx;
margin:13rpx;
}

在对应的.js文件中添加以下代码：

Page({
data:{},
tryDriver:function(){
this.setData({
background:"#89dcf8"
})
}
})

本文来源：https://www.yuntue.com/post/79899.html | 云服务器网，转载请注明出处！