您的位置:宽带测速网 > 网络知识 > 小程序js页面怎么加样式

小程序js页面怎么加样式

2025-06-17 10:01来源:互联网 [ ]

小程序js页面加样式的案例:

在对应的.wxml文件中添加以下代码:

<view>

<viewclass="cont"style="background:{{background}};">属性改变</view>

<buttonbindtap="tryDriver">测试</button>

</view>

在对应的.wxss文件中添加以下代码:

.cont{

height:150rpx;

line-height:150rpx;

text-align:center;

border:1pxsolid#89dcf8;

margin-bottom:112rpx;

margin:13rpx;

}

在对应的.js文件中添加以下代码:

Page({

data:{},

tryDriver:function(){

this.setData({

background:"#89dcf8"

})

}

})