微信小程序 如何使用阿里圖標庫圖標

經常開發(fā)小程序,app之類的肯定會有為各類圖標煩惱,比如箭頭,比如+號等等。

阿里圖標庫

阿里巴巴矢量圖標庫地址:https://www.iconfont.cn/home/index????一般可以直接下載png格式到自己項目對應文件下,當然這個不方便,更快捷的是建立項目,然后將圖標添加到項目中使用。

我的項目

在微信小程序中我們可以直接使用Unicode來操作。

看上圖,復制@font-face 代碼塊,放到微信小程序的根目錄下的wxss文件中去,可以新建,也可以放到app.wxss 。 一般新建一個文件 0.wxss 然后將代碼copy進去,如下圖

使用

.iconfont{} 自己設置,一般如上寫即可。下面的就是具體的圖標了,content內容表示這個圖標,格式是 命名:before{ content : "\xxxx"; }? 這邊的e608 就是下圖的 將&#x 去除后的內容。

如此便能使用這個圖標了,在class中直接使用即可,這邊的icon-addimage 就是? :before 之前的自己定義的內容。

使用方法

到此結束!如果喜歡就點贊關注吧!

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容