首先下载WeUI

在Github上搜索weui-wxss,找到WeUI的代码仓库,单击图3.28右下角DownloadZIP按钮下载WeUI
也可以从本书素材目录中找到WeUI

引入weui.wxss文件

使用微信Web开发者工具新建项目,在项目根目录新建public/styles目录
复制WeUI项目dist/style/目录下的weui.wxss文件到新建目录中,如图3.29所示
image.png

引入WeUI

然后打开app.wxss,引入WeUI,代码如下:

  1. @import 'pubic/style/weui.wxss';

之后就可以在页面中使用WeUI预先定义好的样式了