ace-admin图标样式设置

本文介绍了如何在Ace-Admin框架中设置图标样式,通过aceadmin官网找到更多图标选项,并展示了密码切换功能的实现,包括密码明文与密文的切换效果及其相关JS代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景:虽然博主手头的项目前端框架是使用的ace-admin,但是基本上都是写的后台业务逻辑,所以对于前台样式修改之类的倒是没怎么上心,偶然想要修改一个图标的样式,网上搜下讲解ace-admin的资料很少,但是,这里先说下一个百度文档,百度搜索:
ace-admin前框架介绍.docx,搜索出来的条目第一条就是了.
下面简单说下ace-admin的图标样式:

设置出来后,样式如下图:
这里写图片描述
里面控制样式的字符串是:fa-cogs.
那么更多的图标样式哪里找呢?百度搜索良久,在aceadmin网站上找到了结果,网站地址:http://ace.jeka.by/
值得一提的是,看下source,此网站前台框架就是用ace-admin写的,点击右侧菜单栏:UI&Element>>Button&Icons,然后下滑就可以看到诸多图标样式及值,如下图所示,博主上文所使用的fa-cogs就是标红显示的那个,其余多种样式可供选择:
这里写图片描述
然后再简单的说下点击密码右侧,可以进行密码的明文与密文的切换,效果如下面图片所示,很简单但是比较实用:
点击前效果:
这里写图片描述
点击后效果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值