溫馨提示×

小程序js頁面怎么加樣式

小新
171
2020-12-10 09:23:27
欄目: 云計算

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

    })

  }

})

0