本文转载自:https://blog.csdn.net/qq_39200185/article/details/105227910

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使用字体图标

本文转载自:https://blog.csdn.net/qq_39200185/article/details/105227910

相关文章:

  • 2021-09-18
  • 2021-09-17
  • 2022-12-23
  • 2021-08-03
  • 2021-12-31
  • 2021-05-12
  • 2021-10-18
  • 2022-12-23
猜你喜欢
  • 2021-07-18
  • 2021-04-19
  • 2022-12-23
  • 2021-10-18
  • 2022-12-23
  • 2021-12-23
  • 2022-12-23
相关资源
相似解决方案