微信小程序引入和风天气图标库
  V7DY8qxtfI2q 2023年12月28日 61 0

npm导入和风天气的图标库后使用没有效果,就在网上查询了下怎么解决,然后动手尝试一下。

参考文章

步骤

1. 下载图标文件(链接),解压后大致这样

2. 在transfonter网站将需要的图标字体转成Base64,在font\fonts文件下

选择上传

下载

3. 解压后把stylesheet.css复制到小程序的某个文件夹下

4. 将和风图标文件font下qweather-icons.css中的@font-face删除后保存,可以移动到刚才stylesheet.css的同级

5. 改这两个文件后缀为wxss,并在app.wxss中引入

文件结构

引入

测试使用

能正常显示

完成!

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月28日 0

暂无评论

推荐阅读
  DH6wY7P3zz9W   2024年03月14日   56   0   0 HTML5
  uCg8iP04yNRs   2024年03月22日   49   0   0 HTML5
  DH6wY7P3zz9W   2024年03月12日   74   0   0 HTML5
  uCg8iP04yNRs   2023年12月26日   17   0   0 HTML5