若依前端使用图标

news/2024/11/1 16:25:59/

图标

前后端分离的若依前端使用的图标分为两种:分别是svg图标和element的图标

svg图标

1,使用方法

<!-- icon-class 为 icon 的名字; class-name 为 icon 自定义 class-->
<svg-icon icon-class="password"  class-name='custom-class' />

2,图标扩展
若依自带图标如下图,如果若依自带的图标不够用,可以使用以下方法增加你想要的svg图标,只需把图标放到src/assets/icons/svg下即可,也就是和若依自带的svg图片放到一起
(1)下载svg图标
https://www.iconfont.cn/
https://www.flaticon.com/
(2)图片png转svg
https://onlineconvertfree.com/zh/convert/png/
(3)自定义(不推荐)
https://zhuanlan.zhihu.com/p/258796445

请添加图片描述

element图标

使用方法

直接通过设置类名为 el-icon-iconName 来使用即可。例如:

<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

图标展示及详细说明:https://element.eleme.cn/#/zh-CN/component/icon


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

相关文章

IT技术培训班:搭乘学习快车的抉择

引言&#xff1a; 在IT技术学习的道路上&#xff0c;我们常常会被推荐各种五花八门的技术培训班。它们通过各种宣传手段向我们展示着美好的未来和无限的机会。然而&#xff0c;我们又应该如何看待这些培训班呢&#xff1f;在培训班里学技术真的有用吗&#xff1f;本文将从不同角…

signature=c06712bec43ff955e7e8c516b4583587,来用百度密语吧!!!

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 百度密语32958b9be34ad6038d60efa9cfaf4f75e8f7653bf13de820bfdd4964ae90e006e36b5fe098260c2445e5a6c46604b31d31710339fbe78992e6b1d8c9eaecba8cf5951fce43df6ecf09ad2078b51b42e41cf1cd8356e12e1b4082fe3a2df573df3454d2eb2a55…

java实现获取当前日期、农历、周

大家好&#xff0c;我是雄雄。 前言 大家先看下面的一段话&#xff1a; 今天是&#xff1a;2022年12月18日&#xff0c;星期日&#xff0c;农历十一月廿五&#xff0c;早安&#x1f31e;&#x1f31e;&#x1f31e; 1.讣告 | 我国著名眼科专家兰绪达在南昌逝世&#xff0c;享…

理解python中的self

参考博客&#xff1a; 一篇文章让你彻底搞清楚Python中self的含义 Python类中的init() 和 self 的解析 看第一篇理解相关概念&#xff0c;第二个博客看自己是否真的理解了&#xff0c;第一个讲的比较细 最重要的两点 1.self代表类的实例而非类 2.self是默认的写法&#x…

支付宝(Alipay)支付,超详细使用教程讲解!

1、支付宝支付按钮调用 <script> //支付宝支付$(.alipayClass).bind("click",function(){var imoney = $(#iMoney).val();$.ajax({type:"POST",url:"__APP__/aliPay/aliPayDo",//创建支付订单data:{money:money},dataType:text,success:fu…

Linux检查未挂载磁盘和为磁盘分区、挂载

1. 给服务器添加一块硬盘 注意&#xff1a;   如果你是IDE 接 口 硬 盘 :/dev/dh[a-z]&#xff0c;这里的硬盘名字应该是dh[a-z]开头   如果你是SCSI 接 口 硬 盘 : / dev/[ a -z ],这里的硬盘名字应该是sd[a-z]开头,我们的新硬盘为sdb 2. 使用 df -h 查看电脑硬盘信息(并…

使用SQLite

SQLite是一种嵌入式数据库&#xff0c;它的数据库就是一个文件。由于SQLite本身是C写的&#xff0c;而且体积很小&#xff0c;所以&#xff0c;经常被集成到各种应用程序中&#xff0c;甚至在iOS和Android的App中都可以集成。 Python就内置了SQLite3&#xff0c;所以&#xff0…

Redisson报异常attempt to unlock lock, not locked by current thread by node id解决方案

Redisson报异常attempt to unlock lock, not locked by current thread by node id解决方案 问题背景解决方案总结Lyric&#xff1a; 那想念的身影 问题背景 Redisson做分布式锁是目前比较流行的方式&#xff0c;但是在使用的过程中遇到一些坑&#xff1a; Redisson的分布式锁…