1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 怎么使用 Iconfont 的 svg 矢量图标

怎么使用 Iconfont 的 svg 矢量图标

时间:2020-02-10 16:37:39

相关推荐

怎么使用 Iconfont 的 svg 矢量图标

场景:ui设计师把设计图标上传到Iconfont,前端从Iconfont下载所有图标,然后在代码中使用

第一步:把项目的svg下载到本地

解压打开是这样的:

第二步:把下载的文件放进项目assets路径下

第三步:在main.js中引入iconfont文件

第四步:在业务页面使用,其中xlink:href就是对应的svg的id

svg的id可以在Iconfont复制,很方便:

搞定。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。