vue中如何⾃定义svg图标前⾔
svg图标的好处就是可伸展，可⾃定义图标的颜⾊。码字不易，欢迎⼤家批评指导，互相学习。
image.png
1. 在iconfont中将⾃⼰待使⽤的图标添加⼊库
image.png
2. 选择好所有图标后，点击右上⾓的购物车
image.png
3. 添加到项⽬中，做为新项⽬的图标库
中间会让你登陆账号，新建项⽬名称，名称可以随便取，做为图标库的标识区分
image.png
icon图标库4. 新建添加到项⽬之后会出现⼀下界⾯
注意： 如果你要上传公司ui⾃⼰制作的svg图标，你需要点击上传图标⾄项⽬，可将本地的svg图标放到项⽬中使⽤
image.png
5. ⽣成图标库js⽂件
⽣成svg图标库的三种⽅式，我平时在vue项⽬中会使⽤第三种（Symbol）的⽅式，具体三种⽅式可查看iconfont的⽣成说明
点击Symbol 点击⽣成在线链接
出现红⾊字样：暂⽆代码，点击⽣成，那就点击⼀下
image.png 点击复制代码到浏览器新开⽹页打开这个链接地址
image.png 6. 将⽣成的js⽂件复制到vue项⽬中
我这⾥是存在新建⽂件夹⾥，并命名icon.js

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。