您的位置:首页 > 移动开发 > 微信开发

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

aa841538513 2016-09-25 18:12 78 查看
视频教程: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优先级最低。