小程序js页面怎么加样式
小程序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"
})
}
})
版权声明
本文仅代表作者观点,不代表米安网络立场。
上一篇:php二维数组转一维数组的方法是什么 下一篇:mysql服务怎么找不到指定文件
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。