經常開發(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 之前的自己定義的內容。

使用方法
到此結束!如果喜歡就點贊關注吧!