微信小程序 導(dǎo)入圖標(biāo)實現(xiàn)過程詳解
更新時間：2019年10月11日 16:51:30 作者：EN_T
這篇文章主要介紹了微信小程序 導(dǎo)入圖標(biāo)實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
圖片素材庫——阿里巴巴矢量圖https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989”
在頁面輸入要搜索的圖標(biāo)
點擊“入庫”，然后“添加至項目”
選擇“編輯”，即對進(jìn)行編輯成自己想要的效果,名字為home
點擊保存——下載至本地，則下載量、了一個.zip的壓縮包
其中demo_index.html內(nèi)有導(dǎo)入的方法記錄
選擇iconfont.css文件，點擊計算機(jī)的“查看”，勾選“文件擴(kuò)展名”，將.css改為.wxss
在小程序里新建一個目錄，并將改名后的.wxss文件放入文件夾
在項目的.wxss中加入
@important"../../*/iconfont.wxss"
在.wxml中加入
<icon class=" iconfont icon-home"></icon>
保存，則導(dǎo)入了圖標(biāo)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
微信小程序中有許多地方需要用戶注冊用戶信息的地方，用戶需要填寫手機(jī)號等，下面小編給大家分享微信小程序獲取手機(jī)號授權(quán)用戶登錄功能，需要的朋友參考下吧2017-11-11
javascript 取小數(shù)點后幾位幾種方法總結(jié)
這篇文章主要介紹了javascript 取小數(shù)點后幾位幾種方法總結(jié)的相關(guān)資料,這里提供了四種方法，幫助大家整理，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了JS+CSS實現(xiàn)大氣清新的滑動菜單效果代碼,通過鼠標(biāo)事件結(jié)合定時函數(shù)實現(xiàn)頁面元素動態(tài)變換的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了JS前端加密算法,結(jié)合實例形式分析了crypto-js具體用法與注意事項,需要的朋友可以參考下2016-12-12
js簡單實現(xiàn)根據(jù)身份證號碼識別性別年齡生日
根據(jù)身份證號碼識別性別年齡生日，目前就有一個這樣的需求，那么接下來為大家介紹下使用js是如何實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
這篇文章主要介紹了JavaScript獲取對象key的幾種方法和區(qū)別，下面文章更多的相關(guān)資料需要的小伙伴可以參考一下，希望對你有所幫助2022-03-03
這篇文章主要為大家詳細(xì)介紹了圖片文字識別（OCR）插件Ocrad.js教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
使用Three.js?實現(xiàn)虎年春節(jié)3D創(chuàng)意頁面
虎年春節(jié)將至，本文使用?React?+?Three.js技術(shù)棧，實現(xiàn)趣味?3D創(chuàng)意頁面，主要包括：ShadowMaterial、?MeshPhongMaterial等基本材質(zhì)的使用、使用?LoadingManager展示模型加載進(jìn)度、OrbitControls`的緩動動畫、TWEEN簡單補(bǔ)間動畫效果等，感興趣的朋友一起看看吧2022-01-01
JavaScript正則表達(dá)式函數(shù)總結(jié)（常用）
正則表達(dá)式作為一種匹配處理字符串的利器在很多語言中都得到了廣泛實現(xiàn)和應(yīng)用.這篇文章主要介紹了JavaScript正則表達(dá)式函數(shù)總結(jié),需要的朋友可以參考下2018-02-02
微信小程序調(diào)用wx.getImageInfo遇到的坑解決
這篇文章主要介紹了微信小程序調(diào)用wx.getImageInfo遇到的坑解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05