js页面 小程序 小程序页面

小程序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
看了该问题的人还看了