1.使用微信开发者工具添加新项目MWL文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
2.下载WeUI的源码，把style文件拷贝到MWL根目录，与pages文件夹同一级文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
3.WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
WXSS 用来决定 WXML 的组件应该怎么显示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
为了适应广大的前端开发者，我们的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，我们对 CSS 进行了扩充以及修改。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
与 CSS 相比我们扩展的特性有：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
尺寸单位文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
样式导入文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
4.在app.wxss导入样式，使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
定义在 app.wxss 中的样式为全局样式，作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
5.WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
a)数据绑定文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
b)条件渲染文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
c)事件，关键参数是bindtap文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
6.组件，都包含在容器view里面，组件结合WeUI使用，构建出统一，美观都界面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
7.示例1，导航都标题是设置在*.json里面的 navigationBarTitleText，在app.json设置的参数是全局可使用，定义在page的json是局部页面可以使用。以此类推*.js也是有全局和局部之分。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
代码：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html
看到代码里面有使用了WeUI的样式了，到此简单的WeUI则集成成功。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8097.html