微信小程序——導入圖標


圖片素材庫——阿里巴巴矢量圖https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989”

在頁面輸入要搜索的圖標

點擊“入庫”,然后“添加至項目”

選擇“編輯”,即對進行編輯成自己想要的效果,名字為home

點擊保存——下載至本地,則下載量、了一個.zip的壓縮包

其中demo_index.html內有導入的方法記錄

選擇iconfont.css文件,點擊計算機的“查看”,勾選“文件擴展名”,將.css改為.wxss

在小程序里新建一個目錄,並將改名后的.wxss文件放入文件夾

在項目的.wxss中加入

@important"../../*/iconfont.wxss"

在.wxml中加入

<icon class=" iconfont icon-home"></icon>  
保存,則導入了圖標

 
       


免責聲明!

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



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