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