微信小程序中使用iconfont圖標


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也提供其他方式的圖片導入

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM