Linux 拨号vps windows公众号手机端

小程序js页面怎么加样式

lewis 7年前 (2018-12-11) 阅读数 10 #VPS/云服务器

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

})

}

})

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门