1.创建云开发项目

使用微信开发者工具新建项目,选择“云开发QuickStart项目”,创建一个包含云开发能力的微信小程序项目

2.导入图标素材

导入图标素材,在本章提供的素材中找到底部标签导航的图标素材目录icons/,如图5.19所示
在miniprogram/目录下新建static目录,把icons/目录复制到此目录下
image.png

3.引入WeUI

页面布局使用到WeUI,在static目录下新建styles目录,把本章素材weui目录下的weui.wxss文件复制到styles目录中,然后修改app.wxss文件,在第一行添加如下所示的代码:

  1. @import "static/styles/weui.wxss"