一、创建项目和引入文件
1.1 通过hbuilderx编辑器创建一个默认的uni-app项目
1.2 创建目录结构
1.2.1 在common目录中创建文件:common.css
注:common.css为全局css样式文件,其内容目前有:
1.2.2 在common目录中创建文件:uni.css。
注:uni.css为uni-app演示站文件,可理解为官方定义好的css默认样式。
1.2.3 在common目录中创建文件:iconfont.css。
注:iconfont.css是引入了阿里巴巴字体图标库的文件。这里要注意针对iconfont修改了的内容,完整版代码如下:
1.2.4 在static目录中引入文件有:uni.ttf文件
注:此文件是官方图标库文件,不引入会报错(因为引入了uni.css)
1.2.5 最后在static文件中下载了项目底部的所有选中以及未选中图片。