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

Vue引入使用iconfont字体图标

news 文章来源：https://blog.csdn.net/m0_51431448/article/details/141018771 2025/5/8 0:21:16

由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。

1. 首先进入阿里巴巴矢量图标库官网

官网：https://www.iconfont.cn/

2. 注册账号

如果已经注册过可忽略该步骤

3. 新建项目

点击上方资源管理 -> 我的项目

进去之后点击右上角新建项目

只需要关注项目名称和FontClass/Symbol前缀即可

项目名称就根据自己的项目编写即可，FontClass/Symbol前缀就是在使用的时候前面的类名前缀

相关文章：

Vue引入使用iconfont字体图标

由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。 1. 首先进入阿里巴巴矢量图标库官网 官网：https://…...

编程日记 2024/8/12 19:25:17

Doc2Vec

Doc2Vec 是一种扩展自 Word2Vec 的算法，它不仅可以生成词向量，还可以生成句子或文档的向量。下面是一个使用 Doc2Vec 比较两个句子的具体过程： 步骤 1: 训练 Doc2Vec 模型 首先，你需要有一个训练好的 Doc2Vec 模型。训练过程大致…...

编程日记 2024/8/12 19:23:15

MES生产过程透明管理，实施掌握生产每个环节

MES（制造执行系统）生产过程透明管理，旨在通过集成多种技术手段和管理模块，实现对生产过程的实时监控和精准掌握，确保每个生产环节都能被清晰地记录和追踪。以下是对MES生产过程透明管理的详细阐述： 一、MES…...

编程日记 2024/8/12 19:22:14

Java解析压缩包，并根据指定文件夹上传文件

方法 public Multimap<String, String> getCodeBucketMultimap(HttpServletRequest request)throws IOException {MultipartHttpServletRequest multiRequest (MultipartHttpServletRequest) request;// 基于servlet获取文件流List<MultipartFile> multipartFile…...

编程日记 2024/8/12 19:20:12

【HTML】纯前台字符验证码

效果图&#xff1a; 大致思路&#xff1a; 1.在<canvas>画布里写出几个字符&#xff1b; 2.给字符一个随机的角度和颜色&#xff1b; 3.给字符上画出一些干扰线和干扰点。 <canvas width"100" height"30" id"canvasRef" click"…...

编程日记 2024/8/12 19:18:09

如何在 Vue.js 项目中动态设置页面标题

目录 方法 1：使用 Vue Router 的元信息（meta） 步骤 1: 配置路由元信息 步骤 2: 使用路由守卫设置标题 方法 2：在组件内设置标题 在组件挂载时设置标题 使用响应式数据动态更新标题 在开发 Vue.js 应用时，设置动态页面标题是常见需求，尤其当应用包含多个页面时，为每…...

编程日记 2024/8/12 19:16:07

Eval绕过限制参数限制

PHP Eval函数参数限制在16个字符 PHP代码 <?php$param $_REQUEST[param]; if (strlen($param) < 17 && stripos($param, eval) false && stripos($param, assert) false){eval($param);}?># 部署环境属于ubuntu系统 通过GET传参绕过 由于是…...

编程日记 2024/8/12 19:15:05

计算机网络408考研 2021

2021 计算机网络408考研2021年真题解析_哔哩哔哩_bilibili 1 1 11 1 1 11...

编程日记 2024/8/12 19:14:04

element table表格树形数据展示

element table表格树形数据展示 1、效果 2、代码 <el-table ref"pointMultipleTable" border class"table-box" :data"[damActiveObj]"row-key"id" :tree-props"{ children: children }" :expand-row-keys"expand…...

编程日记 2024/8/12 19:13:03

Ubuntu 安装 Snipaste

一、下载 Snipaste 下载Snipastehttps://zh.snipaste.com/ 二、在/opt 创建 Snipaste 目录&#xff0c;创建 bin 和 icon 子目录&#xff0c;将 Snipaste.AppImage 移动到 bin 目录 三、创建快捷键图标 1. 创建桌面图标&#xff0c;右键→允许运行 yammiemy-pc >/home/y…...

编程日记 2024/8/12 19:12:02

NET8环境WebAPI实现文件的压缩及下载

目录 1、文件下载的原理2、具体实现2.1 提前准备2.2 服务器端的实现2.3 请求端的实现 3、代码下载4、更多特性4.1 单独压缩文件4.2 解析4.2.1 整体解析4.2.2 单个文件解析 4.3 其他4.3.1 设置压缩级别4.3.2 密码保护4.3.3 进度反馈 5、参考资料 1、文件下载的原理 在实际应用环…...

编程日记 2024/8/12 19:09:59

Ubuntu 18 使用NVIDIA上的HDMI输出声音

前言 在未做修改之前&#xff0c;Settings -> Sound -> Output 里面只有 Digital Output(S/PDIF) - Built-in Audio 不显示HDMI的输出设备检查当前存在的音频设备 sudo lspci -v | grep -A7 -i "audio"输出&#xff1a; 从输出可以看出来是有两个设备的 00:1…...

编程日记 2024/8/12 19:07:55

C#模拟量线性变换小程序

1、一步步建立一个C#项目 一步步建立一个C#项目(连续读取S7-1200PLC数据)_s7协议批量读取-CSDN博客文章浏览阅读1.7k次，点赞2次，收藏4次。本文详细介绍了如何使用C#构建一个项目，通过S7net库连接并连续读取S7-1200 PLC的数据，包括创建窗体应用、配置存储位置、安装S7net库…...

编程日记 2024/8/12 19:05:53

跟《经济学人》学英文：2024年08月10日这期 How AI models are getting smarter

How AI models are getting smarter Deep neural networks are learning diffusion and other tricks 原文&#xff1a; Type in a question to ChatGPT and an answer will materialise. Put a prompt into DALL-E 3 and an image will emerge. Click on TikTok’s “for y…...

编程日记 2024/8/12 19:04:52

Spring Web MVC入门（上）

1. Spring Web MVC Spring Web MVC 是基于 Servlet API 构建的原始 Web 框架&#xff0c;从⼀开始就包含在 Spring 框架中。它的正式名称“Spring Web MVC”来⾃其源模块的名称(Spring-webmvc)&#xff0c;但它通常被称为“spring MVC”&#xff1b; 什么是Servlet呢? Servlet…...

编程日记 2024/8/12 19:02:48

【c++】公差判断函数 isInTolerance

定义&#xff1a; isInTolerance 函数用来判断一个特定数值&#xff08;变量&#xff09;是否在以某个中心值为基准 &#xff0c;给定半径的范围内。这个函数包含了一个可选的参数 includeEndpoints&#xff08;默认为 true&#xff09;&#xff0c; 用于决定范围是否包含其端点…...

编程日记 2024/8/12 19:01:47

电脑新加的硬盘如何分区?新加硬盘分区选MBR还是GPT

最近有网友问我,电脑新加的硬盘如何分区?电脑新加的硬盘分区选MBR还是GPT要看引导模式采用uefi还是传统的legacy模式&#xff0c;如果采用的是uefi引导模式&#xff0c;分区类型对应的就是gpt分区(guid)&#xff0c;如果引导模式采用的是legacy&#xff0c;对应的分区类型为mb…...

编程日记 2024/8/12 18:56:41

白骑士的Matlab教学基础篇 1.3 控制流

系列目录 上一篇&#xff1a;白骑士的Matlab教学基础篇 1.2 MATLAB基础语法 控制流是编程中的核心概念&#xff0c;通过控制程序执行的顺序&#xff0c;从而实现复杂的逻辑操作。MATLAB 提供了多种控制流语句&#xff0c;包括条件语句、循环语句以及循环控制语句。掌握这些控制…...

编程日记 2024/8/12 18:53:38

设计模式 - 适配器模式

&#x1f49d;&#x1f49d;&#x1f49d;首先&#xff0c;欢迎各位来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里不仅可以有所收获&#xff0c;同时也能感受到一份轻松欢乐的氛围&#xff0c;祝你生活愉快&#xff01; 文章目录 引言一、适配器…...

编程日记 2024/8/12 18:52:37

docker部署minIO

docker部署minIO 旧版本新版本 旧版本 #-u 以root用户运行容器&#xff1b;--privilegedtrue 给予容器命令访问权限 docker pull minio/minio:RELEASE.2021-06-17T00-10-46Z docker run -p 9001:9000 --name minio -d \-u root --privilegedtrue \-e "MINIO_ROOT_USERmin…...

编程日记 2024/8/12 18:51:35

「Pytorch」BF16 Mixed Precision Training

在深度学习领域&#xff0c;神经网络的训练性能瓶颈常常出现在 GPU显存的使用上。主要表现为两方面&#xff1a; 单卡上可容纳的模型和数据量有限&#xff1b;显存与计算单元之间的带宽和延迟限制了运算速度&#xff1b; 为了解决显卡瓶颈的问题&#xff0c;涌现了不同的解决…...

编程日记 2024/8/12 18:46:29

论文阅读:Efficient Core Maintenance in Large Bipartite Graphs | SIGMOD 2024

还记得我们昨天讨论的《Querying Historical Cohesive Subgraphs over Temporal Bipartite Graphs》这篇论文吗? https://blog.csdn.net/m0_62361730/article/details/141003301 这篇(还没看的快去看) 这篇论文主要研究如何在时间双向图上查询历史凝聚子图&#xff0c;而《E…...

编程日记 2024/8/12 18:43:25

LLMOps — 使用 BentoML 为 Llama-3 模型提供服务

使用 BentoML 和 Runpod 快速设置 LLM API 经常看到数据科学家对 LLM 的开发感兴趣&#xff0c;包括模型架构、训练技术或数据收集。然而&#xff0c;我注意到&#xff0c;很多时候&#xff0c;除了理论方面&#xff0c;许多人在以用户实际使用的方式提供这些模型时遇到了问题…...

编程日记 2024/8/12 18:39:20

微软蓝屏事件揭秘：有问题的数据引发内存读取越界

讲动人的故事&#xff0c;写懂人的代码 CrowdStrike前一阵在官网上发布了上周爆发的全球企业微软蓝屏事件的官方初步复盘结果。其中谈到了这次事件的根本原因&#xff1a; 2024年7月19日&#xff0c;我们部署了两个额外的IPC模板实例。由于内容验证器中的一个bug&#xff0c;使…...

编程日记 2024/8/12 18:37:18

NASA:北极ARCTAS差分吸收激光雷达（DIAL）遥感数据

ARCTAS Differential Absorption Lidar (DIAL) Remotely Sensed Data ARCTAS差分吸收激光雷达&#xff08;DIAL&#xff09;遥感数据 简介 ARCTAS差分吸收激光雷达&#xff08;DIAL&#xff09;遥感数据是一种远程感测技术&#xff0c;用于测量大气中不同波长的激光辐射被大…...

编程日记 2024/8/12 18:36:17

Android 文件上传与下载

在实际开发涉及文件上传不会自己写上传代码&#xff0c;一般 会集成第三网络库来做图片上传&#xff0c;比如android-async-http&#xff0c;okhttp等&#xff0c;另外还有七牛也提供 了下载和上传的API。 1.项目用到的图片上传的关键方法&#xff1a; 这里用到一个第三方的库…...

编程日记 2024/8/12 18:35:16

Java语言的充电桩系统Charging station system

介绍 SpringBoot 框架&#xff0c;充电桩平台充电桩系统充电平台充电桩互联互通协议云快充协议1.5-1.6协议新能源汽车二轮车公交车二轮车充电-四轮车充电充电源代码充电平台源码Java源码-共享充电桩-充电桩软件 软件介绍 小程序端&#xff1a;城市切换、附近电站、电桩详情页…...

编程日记 2024/8/12 18:34:14

RCE之无参数读取文件

什么是无参数&#xff1f; 顾名思义&#xff0c;就是只使用函数&#xff0c;且函数不能带有参数&#xff0c;这里有种种限制&#xff1a;比如我们选择的函数必须能接受其括号内函数的返回值&#xff1b;使用的函数规定必须参数为空或者为一个参数等 例题&#xff1a; <?…...

编程日记 2024/8/12 18:33:12

Python GUI开发必看：Tkinter Button控件使用详解

Button&#xff08;按钮&#xff09;组件用于实现各种各样的按钮。 Button组件可以包含文本或图像&#xff0c;你可以将一个Python的函数或方法与之相关联&#xff0c;当按钮被按下时&#xff0c;对应的函数或方法将被自动执行。 Button组件仅能显示单一字体的文本&#xff0c…...

编程日记 2024/8/12 18:32:10

上海市计算机学会竞赛平台2024年7月月赛丙组得分排名

题目描述 给定 nn 名学生的考试得分&#xff0c;这些学生的学号为 11 到 nn&#xff0c;其第 ii 号学生的得分为 aiai​&#xff0c;请将这些学生按照分数从大到小的顺序排列并输出学号序列。 若两个学生得分相同&#xff0c;则先输出较小的学号。 输入格式 第一行&#xf…...

编程日记 2024/8/12 18:31:09