微信小程序 導入圖標實現過程詳解
更新時間:2019年10月11日 16:51:30 作者:EN_T
這篇文章主要介紹了微信小程序 導入圖標實現過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
圖片素材庫——阿里巴巴矢量圖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>
保存,則導入了圖標

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
使用Three.js?實現虎年春節(jié)3D創(chuàng)意頁面
虎年春節(jié)將至,本文使用?React?+?Three.js技術棧,實現趣味?3D創(chuàng)意頁面,主要包括:ShadowMaterial、?MeshPhongMaterial等基本材質的使用、使用?LoadingManager展示模型加載進度、OrbitControls`的緩動動畫、TWEEN簡單補間動畫效果等,感興趣的朋友一起看看吧2022-01-01

