小程序js页面怎么加样式

小程序js页面怎样加样式

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