一、创建项目和引入文件

1.1 通过hbuilderx编辑器创建一个默认的uni-app项目

创建项目和引入文件-LMLPHP

创建项目和引入文件-LMLPHP

1.2 创建目录结构

创建项目和引入文件-LMLPHP

1.2.1 在common目录中创建文件:common.css

          注:common.css为全局css样式文件,其内容目前有:

创建项目和引入文件-LMLPHP

1.2.2 在common目录中创建文件:uni.css。

注:uni.css为uni-app演示站文件,可理解为官方定义好的css默认样式。

1.2.3 在common目录中创建文件:iconfont.css。

注:iconfont.css是引入了阿里巴巴字体图标库的文件。这里要注意针对iconfont修改了的内容,完整版代码如下:

创建项目和引入文件-LMLPHP

1.2.4 在static目录中引入文件有:uni.ttf文件

注:此文件是官方图标库文件,不引入会报错(因为引入了uni.css)

1.2.5 最后在static文件中下载了项目底部的所有选中以及未选中图片。

01-08 16:57