TODO:小程序集成WeUI
1.使用微信开发者工具添加新项目MWL
2.下载WeUI的源码,把style文件拷贝到MWL根目录,与pages文件夹同一级
3.WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。
4.在app.wxss导入样式,使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。
定义在 app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。
5.WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。
a)数据绑定
b)条件渲染
c)事件,关键参数是bindtap
6.组件,都包含在容器view里面,组件结合WeUI使用,构建出统一,美观都界面。
7.示例1,导航都标题是设置在*.json里面的 navigationBarTitleText,在app.json设置的参数是全局可使用,定义在page的json是局部页面可以使用。以此类推*.js也是有全局和局部之分。
代码:
看到代码里面有使用了WeUI的样式了,到此简单的WeUI则集成成功。
【相关推荐】
1. 微信小程序完整源码下载
以上就是小程序之基础样式库--WeUI 的详细内容,更多请关注Work网其它相关文章!