在Vue開發中,常常需要用到圖標。使用iconfont引入Vue,可以方便地在項目中使用各種圖標。
首先,我們需要引入iconfont的CSS文件。可以在iconfont官網中選擇所需要的圖標,然后點擊“代碼”標簽,復制CSS鏈接。
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_xxxxxx.css">
接著,在Vue項目中的main.js中引入iconfont CSS文件。
import './assets/iconfont/iconfont.css';
在需要使用圖標的組件中,可以直接使用iconfont提供的class名稱,加入到所需要的標簽中。
<i class="iconfont icon-add"></i>
通過以上三步,就可以輕松地引入并使用iconfont的圖標了。
上一篇css3 li 選擇器
下一篇icon vue