微信小程序开发教程之组件开发以及wxss介绍


视频教程:http://v.youku.com/v_show/id_XMTczNzc2NzQyMA==.html?from=s1.8-1-1.2&spm=0.0.0.0.YU9b64

1,button组件,按钮

这个就很简单的,请参照视频哈


2,wxss的介绍以及使用

.wxml是一个界面的架构的设计,架构里面包含很多元素组件,以及组件之间的依赖关系

.wxss是一个用来表示.wxml架构的样式。比如说哈,wxss,


一共有3种方式来实现样式

style:之前课程一直讲的这种,在标签内配置

***.wxss:比如index.wxss中配置样式,在标签内先设置<button class="test"  >test按钮</button>,

然后在.wxss中,以"."开头,

.test{

width:100rpx;

....

}

app.wxss :同上

这三个都可以影响.wxml的样式。

但是,一旦,三种方式都同时设置了同一个属性不同的样式。比如说,他们分别设置了。width:100rpx;  200rpx; 300rpx; 结果就是300rpx;

因为style  优先级最高,其次是***.wxss  ,app.wxss优先级最低。


©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值