微信小程序开发：WeUI基础样式库

1.使用微信开发者工具添加新项目MWL

2。下载WeUI源码，将样式文件复制到MWL根文件夹下，与页面文件夹同级

3.WXSS（WeiXin Style Sheets）是一种用于描述WXML组件样式的样式语言。

WXSS 用于确定 WXML 组件应如何显示。

为了适应广大前端开发者，我们的WXSS具备了CSS的大部分特性。同时我们对CSS进行了扩展和修改，使其更适合开发微信小程序。

与 CSS 相比，我们的扩展功能包括：

尺寸单位

样式导入

4。在app.wxss中导入样式，使用@import语句导入外部样式表，@import后跟需要导入的外部样式表的相对路径；表示语句的结束。

app.wxss中定义的样式是全局样式，适用于每个页面。页面上的wxss文件中定义的样式是本地样式，仅适用于相应的页面，并且会覆盖app.wxss中相同的选择器。

5。 WXML（WeiXin Markup Language）是该框架设计的一套标签语言。结合基本组件和事件系统，可以构建页面的结构。

a) 数据绑定

b) 条件渲染

c) 事件，关键参数是bindtap

6。组件全部包含在容器视图中。组件与WeUI结合使用，构建统一、美观的All界面。

7。示例1，导航标题为*.json中设置的navigationBarTitleText。 app.json中设置的参数可以全局使用，page中定义的json可以在本地页面使用。类似地，*.js也分为全局和本地。

代码：

可以看到代码中使用了WeUI风格。至此，简单的WeUI已经集成成功。