npm導入和風天氣的圖標庫后使用沒有效果,就在網上查詢了下怎么解決,然后動手嘗試一下。
參考文章
步驟
1. 下載圖標文件(鏈接),解壓后大致這樣
2. 在transfonter網站將需要的圖標字體轉成Base64,在font\fonts文件下
選擇上傳
下載
3. 解壓后把stylesheet.css復制到小程序的某個文件夾下
4. 將和風圖標文件font下qweather-icons.css中的@font-face刪除后保存,可以移動到剛才stylesheet.css的同級
5. 改這兩個文件后綴為wxss,并在app.wxss中引入
文件結構
引入
測試使用
能正常顯示
文章來源:http://www.zghlxwxcb.cn/news/detail-760448.html
完成!文章來源地址http://www.zghlxwxcb.cn/news/detail-760448.html
到了這里,關于微信小程序引入和風天氣圖標庫的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!