背景:虽然博主手头的项目前端框架是使用的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就是标红显示的那个,其余多种样式可供选择:
然后再简单的说下点击密码右侧,可以进行密码的明文与密文的切换,效果如下面图片所示,很简单但是比较实用:
点击前效果:
ace-admin图标样式设置
最新推荐文章于 2024-09-19 10:27:52 发布
本文介绍了如何在Ace-Admin框架中设置图标样式,通过aceadmin官网找到更多图标选项,并展示了密码切换功能的实现,包括密码明文与密文的切换效果及其相关JS代码实现。
摘要由CSDN通过智能技术生成