小程序js页面怎么加样式 小程序js设置样式

文章摘要：小程序js页面怎么加样式 小程序js设置样式

小程序js页面加样式的案例： 在对应的.wxml文件中添加以下代码： <view > & […]

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

    })

  }

})