微信小程序 導(dǎo)入圖標實現(xiàn)過程詳解
圖片素材庫——阿里巴巴矢量圖https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989”
在頁面輸入要搜索的圖標

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

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

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

其中demo_index.html內(nèi)有導(dǎo)入的方法記錄
選擇iconfont.css文件,點擊計算機的“查看”,勾選“文件擴展名”,將.css改為.wxss


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

在項目的.wxss中加入
@important"../../*/iconfont.wxss"
在.wxml中加入
<icon class=" iconfont icon-home"></icon>
保存,則導(dǎo)入了圖標

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript位移運算符(無符號) >>> 三個大于號 的使用方法詳解
這篇文章主要介紹了JavaScript位移運算符(無符號) >>> 三個大于號 的使用方法詳解的相關(guān)資料,需要的朋友可以參考下2016-03-03
使用JS組件實現(xiàn)帶ToolTip驗證框的實例代碼
這篇文章主要介紹了使用JS組件實現(xiàn)帶ToolTip驗證框的實例代碼,需要的朋友可以參考下2017-08-08
Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型
這篇文章主要介紹Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型,通俗易懂,需要的朋友可以參考下。2016-06-06
FireBug 調(diào)試JS入門教程 如何調(diào)試JS
這篇文章主要為大家介紹下通過firefox的FireBug調(diào)試JS,需要的朋友可以參考下2013-12-12

