小程序使用iconfont可以減少圖片,加快小程序加載速度,使用后圖標可以像文字一樣改變大小和顏色
iconfont鏈接 https://www.iconfont.cn
1. 找到需要圖標添加入庫
2. 點擊購物車, 添加至項目, 如果沒有項目,新增一個項目
3. 點擊圖標管理->我的項目, 選擇對應的項目, 下載至本地
4. 解壓下載的壓縮包, 找到iconfont.css文件,並直接修改后綴名為 iconfont.wxss
5. 將修改后的文件復制到小程序項目的根目錄,並在app.wxss里引用 @import "/iconfont.wxss";
6. 在wxml文件里使用 <icon class="iconfont xiazai"></icon> ,class里的規則是 iconfont固定,后面是你想要使用的icon的名稱
結果
使用iconfont后可以像文字一樣改變大小和顏色, 而且加載速度快,不需要使用圖片