当前位置： 首页 > news >正文

微信小程序中使用离线版阿里云矢量图标

news 2026/5/22 1:02:21

前言

阿里矢量图库提供的在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。

1.下载图标

将阿里矢量图库的图标先下载下来
image.png

解压如下
image.png

2.转换格式

  1. 贴一个地址用于转换格式：Online @font-face generator — Transfonter
    image.png

  2. 将iconfont.ttf上传，就是这里的第一步 Add fonts

image.png

  1. 转换玩后下载下来
    解压完成后如下
    image.png

3.在微信小程序中配置

  1. 新建一个fonts文件夹一个iconfont.wxss文件
    image.png

  2. 复制矢量图库在线代码
    image.png

  3. 全选，复制所有内容
    image.png

  4. 粘贴到iconfont.wxss文件
    image.png

  5. 替换代码
    打开刚才转换完成的css文件
    image.png
    全部复制
    image.png
    替换
    image.png

  6. 在app.scss中引入，如果你没开启scss，那么就是app.wxss
    image.png

4.在文件中引用

<text class="iconfont icon-naozhong-copy"></text>

这里的icon-naozhong-copy就是你的图标名字，可以自行替换，但是iconfont不能少
image.png

相关文章：

微信小程序中使用离线版阿里云矢量图标

前言 阿里矢量图库提供的在线链接服务仅供平台体验和调试使用&#xff0c;平台不承诺服务的稳定性&#xff0c;企业客户需下载字体包自行发布使用并做好备份。 1.下载图标 将阿里矢量图库的图标先下载下来 解压如下 2.转换格式 贴一个地址用于转换格式&#xff1a;Onlin…...

编程日记 2024/11/14 22:14:52

hive的tblproperties支持修改的属性

文章目录 一、介绍二、查看TBLPROPERTIES属性三、修改TBLPROPERTIES属性 一、介绍 TBLPROPERTIES用途&#xff1a;向表中添加自定义或预定义的元数据属性&#xff0c;并设置它们的赋值。在hive建表时&#xff0c;可设置TBLPROPERTIES参数修改表的元数据&#xff0c;也能通过AL…...

编程日记 2024/11/14 22:08:47

移动端开发

一、一些概念 &#xff08;一&#xff09;、屏幕相关 1、屏幕大小 指屏幕的对角线长度&#xff0c;单位是英寸&#xff08;inch&#xff09;。常用尺寸有&#xff1a;3.5寸、4.7寸、5.0寸、5.5寸、6.0寸等 备注&#xff1a;1英寸&#xff08;inch&#xff09;2.54厘米&…...

编程日记 2024/11/14 22:03:43

光伏行业内卷到什么程度了？

现在每个行业都在内卷&#xff0c;光伏行业也一样在内卷中&#xff0c;但是光伏行业的内卷体现在多个方面&#xff0c;下面给举例。 一、产能竞争激烈&#xff1a; 产能扩张迅速&#xff1a;过去几年&#xff0c;大量资本涌入光伏行业&#xff0c;企业纷纷扩产。例如&#xf…...

编程日记 2024/11/14 22:01:39

C# 通俗易懂的介绍基础知识(七)——栈Stack（从日常生活开始讲解）

目录 一、前言 二、栈是排列方式 三、栈的单词 四、程序中的栈 五、栈的方法 1.声明并初始化栈 2.往栈里放东西&#xff08;学名&#xff1a;入栈&#xff09; 3.从栈往外拿东西 &#xff08;学名&#xff1a;出栈&#xff09; 4.清空栈 5.遍历 Stack 6.获取Stack的长…...

编程日记 2024/11/14 22:00:37

学习threejs，使用第一视角控制器FirstPersonControls控制相机

&#x1f468;‍⚕️ 主页&#xff1a; gis分享者 &#x1f468;‍⚕️ 感谢各位大佬 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍⚕️ 收录于专栏&#xff1a;threejs gis工程师 文章目录 一、&#x1f340;前言1.1 ☘️第一视角控制器FirstPerson…...

编程日记 2024/11/14 21:58:35

odoo17 前端 在头像下拉 dropdown 自定义菜单

odoo17 前端 在头像下拉 dropdown 自定义菜单 其实很简单, 我们先找到原来已经创建好的, 找到代码位置 使用 我的资料 为例 odoo-17.0\addons\hr\static\src\user_menu\my_profile.js /** odoo-module **/import { _t } from "web/core/l10n/translation"; import …...

编程日记 2024/11/14 21:56:34

如何管理好自己的LabVIEW项目

在LabVIEW项目开发中&#xff0c;项目管理对于提高开发效率、确保项目质量、减少错误和维护成本至关重要。以下从项目规划、代码管理、测试与调试、版本控制、团队协作等方面&#xff0c;分享LabVIEW项目管理的体会。 ​ 1. 项目规划与需求分析 关键步骤&#xff1a; 需求分析…...

编程日记 2024/11/14 21:53:30

GPT-5 要来了：抢先了解其创新突破

Microsoft 的工程师计划于 2024 年 11 月在 Azure 上部署 Orion (GPT-5)。虽然这一版本不会向公众开放&#xff0c;但其上线被视为人工智能领域的一个重要里程碑&#xff0c;并将产生深远的影响。 文章目录 GPT-5 真的要来了GPT-4 的局限性GPT-5 的创新突破与遗留挑战GPT-5 预期…...

编程日记 2024/11/14 21:50:27

@ComponentScan：Spring Boot中的自动装配大师

文章目录 1. 什么是ComponentScan注解&#xff1f;2. 为什么需要ComponentScan注解&#xff1f;3. 如何使用ComponentScan注解&#xff1f;4. ComponentScan注解的高级用法5. 注意事项6. 结语推荐阅读文章 在Spring Boot的世界里&#xff0c;自动装配&#xff08;Auto-wiring&a…...

编程日记 2024/11/14 21:46:23

uniapp 面试题总结常考

uniapp 文件详情 ├── pages # 页面文件夹 │ │── index # index文件夹 │ │ │── index.vue # index页面 ├── static # 静态资源&#xff08;类似于图片 字体图标等&#xff09; │ …...

编程日记 2024/11/14 21:39:16

花了36元给我的个人博客上了一道防御

前言 双11活动薅了个羊毛&#xff0c;1折的价格买了一年的EdgeOne&#xff0c;正好可以为我的个人博客站点保驾护航。本文就来看看个人博客接入EdgeOne后的效果&#xff0c;如果也想薅羊毛的&#xff0c;赶紧去双11活动页面&#xff0c;不要错过这次机会。 EdgeOne 介绍 先简…...

编程日记 2024/11/14 21:38:15

浅谈C++之内存管理

一、基本介绍 内存管理是C最令人切齿痛恨的问题&#xff0c;也是C最有争议的问题&#xff0c;C高手从中获得了更好的性能&#xff0c;更大的自由&#xff0c;C菜鸟的收获则是一遍一遍的检查代码和对C的痛恨&#xff0c;但内存管理在C中无处不在&#xff0c;内存泄漏几乎在每个C…...

编程日记 2024/11/14 21:35:12

719. 找出第 K 小的数对距离

目录 题目解法 题目 数对 (a,b) 由整数 a 和 b 组成&#xff0c;其数对距离定义为 a 和 b 的绝对差值。 给你一个整数数组 nums 和一个整数 k &#xff0c;数对由 nums[i] 和 nums[j] 组成且满足 0 < i < j < nums.length 。返回 所有数对距离中 第 k 小的数对距离。…...

编程日记 2024/11/14 21:33:10

【图像压缩感知】论文阅读：Self-supervised Scalable Deep Compressed Sensing

tips&#xff1a;本文为个人阅读论文的笔记&#xff0c;仅作为学习记录所用。 Title&#xff1a;Self-supervised Scalable Deep Compressed Sensing Journal&#xff1a;IJCV 2024 代码链接&#xff1a;GitHub - Guaishou74851/SCNet: Self-Supervised Scalable Deep Comp…...

编程日记 2024/11/14 21:29:06

Swift 宏（Macro）入门趣谈（一）

概述 苹果在去年 WWDC 23 中就为 Swift 语言新增了“其利断金”的重要小伙伴 Swift 宏&#xff08;Swift Macro&#xff09;。为此&#xff0c;苹果特地用 2 段视频&#xff08;入门和进阶&#xff09;颇为隆重的介绍了它。 那么到底 Swift 宏是什么&#xff1f;有什么用&…...

编程日记 2024/11/14 21:27:04

linux常见资源查询命令（持续更新）

年纪大了&#xff0c;很多命令记不住了&#xff0c;但偶尔也需要用到&#xff0c;通过搜索也需要点时间&#xff0c;特此记录。 不同操作系统命令会有所区别&#xff0c;下面是大部分时候工作的机器系统&#xff1a; CentOS release 7.5 (Final)Kernel \r on an \m 1、实时查…...

编程日记 2024/11/14 21:25:02

JavaWeb：文件上传1

欢迎来到“雪碧聊技术”CSDN博客&#xff01; 在这里&#xff0c;您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者&#xff0c;还是具有一定经验的开发者&#xff0c;相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导&#xff0c;我将…...

编程日记 2024/11/14 21:22:59

C++ 中的异常处理机制是怎样的？

异常处理的基本概念&#xff1a; 异常: 程序在运行时发生的错误或意外情况。 抛出异常: 使用 throw 关键字将异常传递给调用堆栈。 捕获异常: 使用 try-catch 块捕获和处理异常。 异常类型: 表示异常类别的标识符。 异常处理流程&#xff1a; 抛出异常: 当检测到错误或意…...

编程日记 2024/11/14 21:19:57

SwiftUI-基础入门

开发OS X 图形应用界面时有三种实现方式&#xff1a;XIB、Storyboard、SwiftUI。Storyboard基于XIB做了优化&#xff0c;但XIB基本被放弃了&#xff0c;而SwiftUI是苹果公司后来开发的一套编程语言&#xff0c;用来平替Objective-C。虽然现在Swift 6 还是有些不完善的地方&…...

编程日记 2024/11/14 21:18:55

深入解析Android进程与线程间通信机制：原理、实践与优化

引言 在Android开发中，进程与线程间通信（IPC）是构建高性能、高稳定性应用的核心技术。无论是多进程协作（如系统服务、插件化框架）还是多线程并发（如UI线程与后台任务），高效的通信机制直接决定了应用的流畅性与资源利用率。本文将围绕Binder机制、Handler机制、共享内存…...

编程新知 2026/5/21 22:16:12

上海AI实验室发布WildClawBench：AI智能体究竟能走多远？

这项由上海人工智能实验室联合香港中文大学、复旦大学、中国科学技术大学、上海交通大学、清华大学、浙江大学及南洋理工大学等多所顶尖机构共同完成的研究&#xff0c;于2026年5月11日以预印本形式发布&#xff0c;论文编号为arXiv:2605.10912v1。感兴趣的读者可通过该编号在a…...

编程新知 2026/5/21 21:35:58

不用写代码，也能做学生画像分析？用助睿BI完成考勤高危群体可视化实战

一、前言&#xff1a;为什么要做学生考勤画像分析&#xff1f; 在校园管理场景中&#xff0c;学生考勤数据并不只是简单的“迟到、早退、请假、校服违规”记录。如果能够对这些数据进行系统化分析&#xff0c;就可以进一步发现不同学生群体的行为特征&#xff0c;例如哪些学生…...

编程新知 2026/5/21 21:19:50

数据类型与变量-Part1-基础篇

C语言数据类型与变量&#xff08;基础篇&#xff09; 系列导航 &#x1f4cd; Part 1: C语言数据类型与变量&#xff08;基础篇&#xff09;← 你在这里&#x1f51c; Part 2: C语言内存探秘&#xff08;进阶篇&#xff09;&#x1f51c; Part 3: C语言输入输出格式化艺术 大家…...

编程新知 2026/5/21 18:51:19

观察Taotoken用量看板如何帮助控制月度API支出

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 观察Taotoken用量看板如何帮助控制月度API支出 在项目开发中&#xff0c;大模型API的调用成本往往是预算管理的重要一环。如果缺乏…...

编程新知 2026/5/21 18:32:40

PX4固件编译避坑指南：自定义机型后如何正确生成airframe_metadata并更新QGC

PX4固件编译避坑指南&#xff1a;自定义机型后如何正确生成airframe_metadata并更新QGC 当你花费数小时精心设计了一个全新的无人机机型&#xff0c;修改完所有参数并准备在QGroundControl&#xff08;QGC&#xff09;中测试时&#xff0c;却发现地面站无法识别你的自定义机型—…...

编程新知 2026/5/21 18:30:23

BMS工程师必看：用南京集澈DVC1006做外部被动均衡，这几点时序和奇偶机制千万别搞错

BMS工程师实战指南&#xff1a;DVC1006被动均衡设计的五大关键陷阱与解决方案 在新能源汽车和储能系统井喷式发展的今天&#xff0c;电池管理系统(BMS)的可靠性直接决定了整个电池包的安全边界。作为国内AFE芯片的标杆产品&#xff0c;南京集澈DVC1006凭借其高集成度与稳定性&…...

编程新知 2026/5/21 18:22:15

从鸟群到AI：Parisi的复本对称破缺，如何成为理解复杂世界的通用钥匙？

无序中的秩序&#xff1a;复本对称破缺如何重塑复杂系统认知 1. 从自旋玻璃到普适范式 1975年的一个寒冷冬日&#xff0c;物理学家Giorgio Parisi在罗马大学的办公室里凝视着杂乱的计算手稿。他当时可能并未意识到&#xff0c;自己即将揭开复杂系统科学最深刻的奥秘之一——复本…...

编程新知 2026/5/21 17:54:19

智能硬件适配引擎：92%成功率重构OpenCore EFI配置标准

智能硬件适配引擎&#xff1a;92%成功率重构OpenCore EFI配置标准 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 在开源系统定制领域&#xff0c;硬件…...

编程新知 2026/5/21 16:52:49

OpenPose编辑器：解锁AI绘画中人体姿态的精准控制秘诀 [特殊字符]

OpenPose编辑器&#xff1a;解锁AI绘画中人体姿态的精准控制秘诀 &#x1f3a8; 【免费下载链接】openpose-editor Openpose Editor for AUTOMATIC1111s stable-diffusion-webui 项目地址: https://gitcode.com/gh_mirrors/op/openpose-editor 在AI绘画创作的世界里&…...

编程新知 2026/5/21 16:30:08