阿里的Iconfont,有三种使用方式,本文只讲Symbol的使用。
1.准备文件
从Iconfont生成并下载Symbol方式的文件,如下(其中demo开头的文件可以不放到项目中,demo_index.html可以查看所有icon):
2. 引入工程中
把文件拷贝到assets/iconfont目录下
在main.js中引入
import 'assets/iconfont/iconfont.js'
3.在组件中使用
<svg class="icon" aria-hidden="true">
<use xlink:href="#iconcheck-circle"></use>
</svg>
......
.icon {
width:1em;height:1em;
vertical-align: -0.15em;
fill:currentColor;
overflow:hidden;
}
注:#iconcheck-circle对应的是demo_index.html中的id
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦