vue本地引用iconfont使用阿里巴巴图标库-svg使用

1.阿里巴巴图标网上,选择想要的图标至你所建的项目里面

2.然后选中font class 下载至本地

3.得到个压缩包,把压缩包的文件解压后,放置项目中assets目录 

4.在main.js里面引入 iconfont.css文件

5.iconfont.css里面会有阿里巴巴项目中下载的图标代码

6.页面直接使用

<span class="iconfont icon-zongheguanli"></span> //记住别写错!!

前面的类名iconfont是固定的  后面的 icon-zongheguanli是文件iconfont.css里面的名字

跟字体一样 可设置font-size color等!

 

 

完美结束!!!

完美结束!!!

完美结束!!!

完美结束!!!

 

posted on 2022-07-22 15:58  愿你笑时风华正茂  阅读(117)  评论(0)    收藏  举报

导航