VUE引入阿里icon
生活随笔
收集整理的這篇文章主要介紹了
VUE引入阿里icon
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
效果展示:
引入眼睛的圖標
步驟:
1:https://www.iconfont.cn/
2:搜索
3:放在要選擇的圖標上“添加入庫”
4:點擊自己的購物車
5:下載代碼6,向項目的src文件夾下的assets添加iconfont文件夾,將剛剛9個文件復制到里面
7、main.js中
import './assets/iconfont/iconfont.css';8、對應的.vue文件中
<i class="iconfont icon-yanjing"></i>9、注意
iconfont后面的名稱為“frontclass”下的名稱
總結
以上是生活随笔為你收集整理的VUE引入阿里icon的全部內容,希望文章能夠幫你解決所遇到的問題。