vue自定義svg圖標使用

一、註冊登陸阿里矢量圖標庫: http://www.iconfont.cncss

二、上傳svg圖標,或者在iconfont查找須要的圖標加入購物車;html

clipboard.png

三、加入項目;vue

clipboard.png

四、vue項目中引用圖標:
index.html,如入以下svg

<link rel="stylesheet" href="//at.alicdn.com/t/font_837583_qpg4odr2adk.css">

複製font class:icon-zhuhuguanli 和公共class:iconfont,可經過iconfont設置圖標樣式大小spa

<i class="iconfont icon-zhuhuguanli"></i>

clipboard.png

相關文章
相關標籤/搜索