其他分享
首页 > 其他分享> > uniapp项目图标解决方案(svg图标)

uniapp项目图标解决方案(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文件即可

 

标签:uniapp,svg,iconfont,js,如图,目录,图标
来源: https://www.cnblogs.com/slmk/p/16463015.html