weui 的使用方法

Posted 2021-02-03 norazhang

weui 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

在开发微信小程序时, 使用weui提供的样式会更加符合微信用户的交互习惯

介绍一下weui的使用方法:

1. 下载:  Github 地址：https://github.com/weui/weui,  

2. 下载的项目的dist问价夹里面包含一个 example文件夹 , 一个weui.wxss文件

3.  @import ‘/weui.wxss‘;  将weui.wxss文件放在 当前开发项目的根目录下, 在需要的wxss文件中引入  

4. 需要的wxml结构可以之家从example文件夹中拿出来, 放在根路径的 includes 文件夹里面

5. 需要此结构的wxml结构中引入 <include src=‘/includes/search-bar.wxml‘>