小程序js页面怎么加样式

js页面小程序小程序页面

989

2020/12/10 9: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"
    })
  }
})

最新知识库