微信小程序導(dǎo)入圖標(biāo)實(shí)現(xiàn)過程詳解

更新時(shí)間：2019年10月11日 16:51:30 作者：EN_T

這篇文章主要介紹了微信小程序導(dǎo)入圖標(biāo)實(shí)現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

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

在頁面輸入要搜索的圖標(biāo)

點(diǎn)擊“入庫”，然后“添加至項(xiàng)目”

選擇“編輯”，即對進(jìn)行編輯成自己想要的效果,名字為home

點(diǎn)擊保存——下載至本地，則下載量、了一個(gè).zip的壓縮包

其中demo_index.html內(nèi)有導(dǎo)入的方法記錄

選擇iconfont.css文件，點(diǎn)擊計(jì)算機(jī)的“查看”，勾選“文件擴(kuò)展名”，將.css改為.wxss

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

在項(xiàng)目的.wxss中加入

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

在.wxml中加入

<icon class=" iconfont icon-home"></icon>

保存，則導(dǎo)入了圖標(biāo)

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

圖解JavaScript中的this關(guān)鍵字
這篇文章利用圖片講解的方式向大家解釋了JavaScript中的this關(guān)鍵字，JavaScript this 到底指向什么？從這篇文章中大家可以得到想要的答案，需要的朋友可以參考下
2015-10-10
JavaScript位移運(yùn)算符(無符號) >>> 三個(gè)大于號的使用方法詳解
這篇文章主要介紹了JavaScript位移運(yùn)算符(無符號) >>> 三個(gè)大于號的使用方法詳解的相關(guān)資料,需要的朋友可以參考下
2016-03-03
使用JS組件實(shí)現(xiàn)帶ToolTip驗(yàn)證框的實(shí)例代碼
這篇文章主要介紹了使用JS組件實(shí)現(xiàn)帶ToolTip驗(yàn)證框的實(shí)例代碼,需要的朋友可以參考下
2017-08-08
JS中事件冒泡和事件捕獲介紹
這篇文章主要為大家詳細(xì)介紹了JS中事件冒泡和事件捕獲的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型
這篇文章主要介紹Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型,通俗易懂,需要的朋友可以參考下。
2016-06-06
JS原生帶縮略圖的圖片切換效果
這篇文章主要介紹了JS原生帶縮略圖的圖片切換效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-10-10
FireBug 調(diào)試JS入門教程如何調(diào)試JS
這篇文章主要為大家介紹下通過firefox的FireBug調(diào)試JS，需要的朋友可以參考下
2013-12-12
JavaScript中丟失精度的問題及避免方法
JavaScript?是一門動(dòng)態(tài)類型的腳本語言,用于在瀏覽器中創(chuàng)建交互式的網(wǎng)頁,然而,由于其使用?IEEE?754?浮點(diǎn)數(shù)表示數(shù)字,可能會(huì)導(dǎo)致丟失精度的問題,本文將探討?JavaScript?中的丟失精度問題,以及如何避免這些問題,需要的朋友可以參考下
2023-11-11
如何在vscode中使用Typescript并運(yùn)行詳解
在VSCode中編寫的TypeScript代碼不能直接運(yùn)行,需要先用tsc編譯為JavaScript,然后才能運(yùn)行,下面這篇文章主要給大家介紹了關(guān)于如何在vscode中使用Typescript并運(yùn)行的相關(guān)資料,需要的朋友可以參考下
2023-05-05
JS實(shí)現(xiàn)定時(shí)頁面彈出類似QQ新聞的提示框
類似QQ新聞的提示框要求頁面每隔半小時(shí)彈出一次提示消息，下面有個(gè)不錯(cuò)的實(shí)現(xiàn)方法，感興趣的朋友可以參考下
2013-11-11