天天看點

vant使用iconfont圖示

第一步、添加圖示至項目

vant使用iconfont圖示

第二步、生成代碼

vant使用iconfont圖示

第三步、将得到的位址複制到浏覽器

vant使用iconfont圖示

第四步、将該頁面所有的代碼複制到assets/css/icno.css中(沒有的話可以建立)

vant使用iconfont圖示

第五步、在App.vue導入(路徑跟自己項目的路徑一緻即可)

vant使用iconfont圖示

第六步、使用文檔上推薦的自定義圖示(class一定要有,可以參考下面的代碼)

<van-icon class="iconfont icon-caidan" />
           
vant使用iconfont圖示