首页 > 编程语言 >微信小程序引入和风天气图标库

微信小程序引入和风天气图标库

时间:2023-12-28 13:56:22浏览次数:193  
标签:文件 图标库 微信 引入 font css 图标

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

参考文章

步骤

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

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

选择上传

下载

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

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

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

文件结构

引入

测试使用

能正常显示

完成!

标签:文件,图标库,微信,引入,font,css,图标
From: https://www.cnblogs.com/7456Ll/p/17932546.html

相关文章

  • 艾思朋友圈点赞神器V2.0.1发布:桌面版微信自动点赞评论工具
    艾思软件app开发公司高兴地宣布,点赞神器已升级至V2.0.1版本。该版本解决了低分辨率下无法评论的问题,带来了更强大和智能的功能。点赞神器是一款针对Windows10及以上版本的强大软件,能够自动在微信朋友圈进行评论或点赞,增强客户关系,让用户与客户更加亲近。此外,软件采用人工模拟操......
  • 推荐编程学习的微信小程序工具
    CJavaPY编程之路网站微信小程序是一个非常值得推荐的编程学习工具。它可以帮助初学者快速掌握编程基础,是编程学习的必备工具。它包含了C、Java、Python等多种编程语言的学习内容,包括教程、示例代码等。该微信小程序是CJavaPY编程之路(www.cjavapy.com)网站的小程序版本,主要是编程......
  • 微信小程序实现语音转文字接口,提供中文普通话转文字服务。
    进行录音initRecorderManager(){//微信自带语音初始化this.data.recorderManager=wx.getRecorderManager();//监听录音开始事件this.data.recorderManager.onStart(()=>{console.log('录音开始');});//监听录音暂停事件......
  • 07.微信小程序性能分析
    微信小程序界面渲染架构微信小程序的组件通讯架构Web分析工具edge:edge://inspect/#devices(推荐)chrome:chrome://inspect/  chrome个别版本有bug会导致界面错乱firefoxabout:debugging ......
  • 微信视频号广告全量开放,优势有哪些?
    1、熟人社交优势明显2、用户池庞大、对广告接受度较高3、流量转化链路多......
  • 韩国国民搜索 NAVER:为 AI 平台引入存储方案 JuiceFS
    NAVER是一家多元化的互联网公司,拥有韩国最大的搜索引擎并在人工智能、自动驾驶等高科技领域积极投入。在搭建AI平台时,NAVER评估了公有云平台的存储产品、Alluxio以及高性能专用存储产品等多种选项后,最终决定采用JuiceFS。通过使用JuiceFS,NAVER成功地将内部存储资源升级为......
  • 微信小程序自动化测试方案调研和对比
    方案优点缺点​微信开发工具-手动录制简单方便,点击即可回放会因为网络延迟等回放失败,可定制化弱​官网sdk miniprogram-automator配合jest,较为方便,只需写一些js代码需要有js代码功底,以及遇到shodaw-root时定位元素较为困难​官网测试框架 Minium功能全面,......
  • 微信小程序测试框架minium 报错MiniCommandError: timeout问题排查和解决
    系统:win10python版本:3.11.7minium版本:1.4.6微信开发工具版本:1.06.2310080运行minitest官网的一个简单例子,内容如下#!/usr/bin/envpython3importminiumclassFirstTest(minium.MiniTest):deftest_get_system_info(self):sys_info=self.mini.get_sys......
  • 微信小程序自定义ui库开发记录
    首先去翻官网,看有没有提供,发现微信官方提供了命令行工具,用于快速初始化一个项目npminstall-g@wechat-miniprogram/miniprogram-cli自定义组件/开发第三方自定义组件(qq.com)使用体验打包后的组件,每个js顶部都会带上一大段代码,增大了文件体积。没有相关的组件文档生......
  • 【Python微信机器人】第六七篇: 封装32位和64位Python hook框架实战打印微信日志
    目录修整目前的系列目录(后面会根据实际情况变动):在windows11上编译python将python注入到其他进程并运行注入Python并使用ctypes主动调用进程内的函数和读取内存结构体调用汇编引擎实战发送文本和图片消息(支持32位和64位微信)允许Python加载运行py脚本且支持热加载利用......