1. 程式人生 > 實用技巧 >微信小程式 匯入圖示實現過程詳解

微信小程式 匯入圖示實現過程詳解

圖片素材庫——阿里巴巴向量圖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>  

儲存,則匯入了圖示

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援碼農教程。