Vue引入使用iconfont字体图标

news/2024/10/11 0:19:51/

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

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

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

2. 注册账号

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

3. 新建项目

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

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

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

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


http://www.ppmy.cn/news/1506783.html

相关文章

源码编译安装LAMP(HTTP服务,MYSQL ,PHP,以及bbs论坛)

前言:资源 下载在https://download.csdn.net/download/YCyjs/89618650下载,可在生产环境使。 一、安装Apache 下面两个插件是httpd2.4以后的版本所需要 tar xf apr-1.6.2.tar.gz tar xf apr-util-1.6.0.tar.gz 虽然xf通常足够,但使用与压缩…

Android .kl按键布局文件

1.介绍 一个硬件按键的处理流程大致为:当用户按下或释放一个键时,键盘硬件会生成一个扫描码scan code,然后操作系统读取这个scan code,并将scan code扫描码映射到虚拟键码key code,最后操作系统根据映射的keycode生成…

Vue的事件处理、事件修饰符、键盘事件

目录 1. 事件处理基本使用2. 事件修饰符3. 键盘事件 1. 事件处理基本使用 使用v-on:xxx或xxx绑定事件&#xff0c;其中xxx是事件名&#xff0c;比如clickmethods中配置的函数&#xff0c;都是被Vue所管理的函数&#xff0c;this的指向是vm或组件实例对象 <!DOCTYPE html&g…

Redis 分布式锁实现详解

Redis 分布式锁实现详解 在分布式系统中&#xff0c;我们需要解决的一个重要问题是多个服务实例之间如何协调共享资源的访问问题。例如&#xff0c;在电子商务系统中&#xff0c;库存更新需要被多个微服务实例所共享&#xff0c;但为了防止超卖&#xff0c;必须确保库存更新是…

复现一下最近学习的漏洞(sqlab 1-10)

第一个问题&#xff1a;为什么不能用#来闭合单引号呢&#xff1f; 在进行URL地址栏传参的时候&#xff0c;是有一套编码规范的。他不会编码英文、数字和某些符号。但是#它会进行编码。也就是%23。&#xff08;先转ascii码&#xff0c;然后再转十六进制&#xff0c;之后加上%就是…

20240810设置倒立字图片的方法

20240810设置倒立字图片的方法 2024/8/10 20:38 缘起&#xff1a;有些时候&#xff0c;为了/需要达到某些效果。需要将字倒立。 比较简单的方法&#xff1a; 百度&#xff1a;在线 倒着写 WPS 倒立文字 1、最简单粗暴的。在记事本/WPS中输入文字之后&#xff0c;使用微信/QQ截…

编程-设计模式 2:抽象工厂模式

设计模式 2&#xff1a;抽象工厂模式 定义与目的 定义&#xff1a;抽象工厂模式提供一个接口&#xff0c;用于创建一系列相关或相互依赖的对象&#xff0c;而无需指定它们具体的类。目的&#xff1a;该模式的主要目的是解耦客户端代码与产品类之间的关系&#xff0c;并确保一…

【Linux:进程优先级】

什么叫做优先级&#xff1a; 指进程获取某种资源的顺序 在linux中&#xff0c;进程是以struck_task进行描述的&#xff0c;他的本质就是一个结构体&#xff0c;该结构体中含有很多个内部字段&#xff0c;优先级就属于该结构体中的某个字段。此外&#xff0c;在Linux环境下&am…