0
点赞
收藏
分享

微信扫一扫

vue项目中如何使用阿里的字体图标iconfont

船长_Kevin 2022-03-15 阅读 102

1、在阿里字体图标库中选择自己需要的图标

网址:iconfont-阿里巴巴矢量图标库

1.1 点击购物车,加入选择的图标

1.2 再点击上方购物车,如果是多人写作项目直接添加到项目即可

              

 2、然后解压文件,再在项目创建文件引入,html无需引入

      

 2.1 在项目需要页面引入css文件即可,如果项目中大量使用,建议全局引入或注册为全局组件

import '@/assets/iconFont/iconfont.css'

2.2 然后在 i 标签class设置类名使用即可,注意前面要加 iconfont

效果如下:

举报

相关推荐

0 条评论