代码改变世界

uni-app 图标SVG解决方案 全部源代码

2022-07-10 12:54  slmk  阅读(430)  评论(0编辑  收藏  举报
  1. iconfont.cn中创建项目并将图标添加到项目中
  2. 下载symbol文件到本地,如图:
  3. 解压下载的文件,运行本工具,选取iconfont.js文件,如图:

     

  4. 复制生成的iconfont.js文件到uniapp项目的static目录中,如图:


  5. 复制source目录下的svg-loader和svg-icon目录到uniapp项目的components目录下,eventbus.js复制到common目录,svg.js复制到static目录如图:

  6.  

    参考下面代码:

    效果如图:


以后图标如有变动,只需要更新iconfont.js文件即可