1、在阿里巴巴的iconfont網站,創建自己的項目
2、依次挑選圖標到購物車
3、圖標挑選完畢后,將購物車的圖標添加到所屬項目中
4、進入我的項目,默認是不生成代碼的,需要在紅框處點擊生成,然后根據下面的路徑跳轉,拷貝生成好的css樣式文件
5、將生成的css樣式文件,復制到項目中,比如是 style/iconfont/inconfont.wxss
6、在app.wxss中引用這個css文件,這樣以后所有頁面只需要應用就可以了
@import "style/iconfont/iconfont.wxss"
7、頁面具體使用: (iconfont是外部樣式表文件名 后面的iconcloud可在iconfont項目對應的圖標上點擊復制即可)
<view class="middle-item-top"> <text>2月20日明天</text> <text class="iconfont iconcloud"></text> <text>10℃ / 1℃</text> </view>
備注:iconfont也提供其他方式的圖片導入