微信小程序开发教程之组件开发以及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优先级最低。