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

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

news 2026/3/30 9:37:25

前言

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

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

避开这些坑！MoveIt C++编程中setGoalTolerance、computeCartesianPath等关键函数使用详解与调试技巧

MoveIt C编程避坑指南&#xff1a;关键函数深度解析与实战调试技巧 在机器人运动规划领域&#xff0c;MoveIt作为ROS生态中的核心组件&#xff0c;为开发者提供了强大的功能接口。然而在实际C编程中&#xff0c;许多开发者往往陷入看似简单却暗藏玄机的函数调用陷阱。本文将聚焦…...

编程新知 2026/3/30 9:31:51

3大突破！115proxy-for-Kodi实现云视频原码播放全攻略

3大突破&#xff01;115proxy-for-Kodi实现云视频原码播放全攻略 【免费下载链接】115proxy-for-kodi 115原码播放服务Kodi插件 项目地址: https://gitcode.com/gh_mirrors/11/115proxy-for-kodi 副标题&#xff1a;突破存储限制&#xff0c;零缓冲流畅播放云端高清视频…...

编程新知 2026/3/30 8:39:29

LongCat-Image-Edit V2影视后期应用：特效预处理与素材生成

LongCat-Image-Edit V2影视后期应用&#xff1a;特效预处理与素材生成 在影视后期制作中&#xff0c;每一个镜头的完美呈现都需要经过精心的打磨和处理。传统的后期流程往往需要艺术家们手动完成特效预处理、素材生成和连续帧编辑&#xff0c;这不仅耗时耗力&#xff0c;还难以…...

编程新知 2026/3/30 8:19:24

Dify工作流集成StructBERT：构建自定义文本智能处理应用

Dify工作流集成StructBERT&#xff1a;构建自定义文本智能处理应用 最近在做一个智能客服系统的升级项目&#xff0c;客户那边提了个挺实际的需求&#xff1a;每天有大量工单进来&#xff0c;希望系统能先自动判断一下问题类型&#xff0c;比如是“账号问题”、“支付故障”还…...

编程新知 2026/3/30 7:47:07

别只盯着心跳了！CANopen主站用SDO还能配置这些关键参数（附PDO映射实例）

别只盯着心跳了&#xff01;CANopen主站用SDO还能配置这些关键参数&#xff08;附PDO映射实例&#xff09; 在工业自动化领域&#xff0c;CANopen协议因其高可靠性和灵活性成为设备互联的首选方案之一。许多工程师对通过SDO&#xff08;服务数据对象&#xff09;配置心跳时间已…...

编程新知 2026/3/30 7:37:05

CLIP-GmP-ViT-L-14开源模型部署指南：HuggingFace Transformers无缝集成方案

CLIP-GmP-ViT-L-14开源模型部署指南&#xff1a;HuggingFace Transformers无缝集成方案 想快速验证一张图片和几段文字描述哪个最匹配吗&#xff1f;手动写代码调用模型、处理数据、计算相似度&#xff0c;是不是想想就觉得麻烦&#xff1f;今天给大家介绍一个开箱即用的工具&…...

编程新知 2026/3/30 7:04:56

从零搭建Vulnstack内网靶场：一次完整的渗透测试实战复盘

1. 环境准备与靶场搭建 第一次接触Vulnstack靶场时&#xff0c;我完全被内网渗透的复杂性震撼到了。这个靶场模拟了真实企业内网环境&#xff0c;包含域控制器、Web服务器和普通办公主机等多种设备。搭建过程就像拼装一台精密仪器&#xff0c;每个部件都要准确定位。 靶机环境需…...

编程新知 2026/3/30 6:48:54

实测分享：用Miniconda-Python3.10镜像快速创建独立开发环境

实测分享&#xff1a;用Miniconda-Python3.10镜像快速创建独立开发环境 1. 为什么需要独立Python环境 在日常开发中&#xff0c;我们经常会遇到这样的困扰&#xff1a;不同项目依赖的Python包版本冲突&#xff0c;导致项目无法正常运行。比如项目A需要TensorFlow 2.4&#xf…...

编程新知 2026/3/30 6:44:53

深度解析ShardingCore：EF Core分库分表架构实战与性能优化指南

深度解析ShardingCore&#xff1a;EF Core分库分表架构实战与性能优化指南 【免费下载链接】sharding-core high performance lightweight solution for efcore sharding table and sharding database support read-write-separation .一款ef-core下高性能、轻量级针对分表分库…...

编程新知 2026/3/30 6:26:51

Phi-3-mini-128k-instruct低资源部署效果：4GB显存流畅运行实测

Phi-3-mini-128k-instruct低资源部署效果&#xff1a;4GB显存流畅运行实测 最近在折腾一些边缘设备上的AI应用&#xff0c;发现一个挺有意思的现象&#xff1a;很多开发者手头只有一些“古董级”的显卡&#xff0c;比如GTX 1650或者移动端的MX系列&#xff0c;显存也就4GB左右…...

编程新知 2026/3/30 6:06:38