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

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文件即可

 

获取全部源代码