首先將選擇好的圖標加入購物車,點擊右上角購物車圖標，將其添加進項目中。(Add To Project)

添加進入項目后，會自動跳轉到該項目，選擇Download Code，

解壓縮包，只會用到文件夾中的4個文件，將解壓后的下面4個文件放到小程序項目中

?記得要將iconfont.css后綴改為wxss

?在miniprogram中新建一個文件夾iconfont，將上述4個文件拖拽到文件夾iconfont中

?然后，在app.wxss中引入

@import "./iconfont/iconfont.wxss";

?根據先前下載好的字體文件夾，找到demo_index.html文件，進入該網頁，查看所有icon的名字

?然后，在wxml中以如下格式引用，標簽不唯一

<text class='iconfont icon-nan'></text>

?此時會開發者工具會報錯

解決方法就是在iconfont.wxss中，將如下代碼路徑改變一下

更改前

?更改后，注意要與先前新建的文件夾名稱一致

?最后，icon就顯示出來了

總結

以上是生活随笔為你收集整理的微信小程序引入阿里巴巴icon步骤及报错解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。