npm导入和风天气的图标库后使用没有效果,就在网上查询了下怎么解决,然后动手尝试一下。
参考文章
步骤
1. 下载图标文件(链接),解压后大致这样
2. 在transfonter网站将需要的图标字体转成Base64,在font\fonts文件下
选择上传
下载
3. 解压后把stylesheet.css复制到小程序的某个文件夹下
4. 将和风图标文件font下qweather-icons.css中的@font-face删除后保存,可以移动到刚才stylesheet.css的同级
5. 改这两个文件后缀为wxss,并在app.wxss中引入
文件结构
引入
测试使用
能正常显示
文章来源:https://www.toymoban.com/news/detail-760448.html
完成!文章来源地址https://www.toymoban.com/news/detail-760448.html
到了这里,关于微信小程序引入和风天气图标库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!