十步搞定uni-app使用字体图标

uni-app中使用字体图标

图标的下载

首先去阿里图标库选择要用的图标,并且打包下载下来,步骤如下

1.

十步搞定uni-app使用字体图标

2.

十步搞定uni-app使用字体图标

3.

十步搞定uni-app使用字体图标

4.

十步搞定uni-app使用字体图标

5.

十步搞定uni-app使用字体图标

6. 本地文件选取

十步搞定uni-app使用字体图标

7. 粘贴到uni-app项目下的static静态资源文件下

十步搞定uni-app使用字体图标

8. 把下载好的图标包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件内

十步搞定uni-app使用字体图标

9. 在红色标记框的前面对路径进行修改

蓝色的框选是添加的
十步搞定uni-app使用字体图标

10. 使用

查看下载包内的demo_index.html文件
十步搞定uni-app使用字体图标