Layui手风琴左边的符号如何修改
web Layui 2019-07-05 3799 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

3714445 2275 32
最新评论
<script>alert(11)</script>
评 留言
:kaixin: :haha:
评 phpExcel列数据自动换行的方法->getAlignment()->setWrapText(true);
666 :kaixin:
评 return和return false的区别
楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
评 留言
厉害 :zhenbang: :zhenbang: :zhenbang:
评 留言
文章标签更多
ThinkPHP (240)
Mysql (48)
DedeCms (33)
jQuery (58)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

Layui手风琴左边的符号如何修改?

如图,想把箭头改成加减号

from clipboardfrom clipboard

layui默认图标中没有加减号,所以需要从阿里巴巴图标库下载,教程地址https://fly.layui.com/jie/19051/

关键点是element.js 里 查找layui-colla-icon 修改里面的图标

c.siblings(".layui-colla-title").children(".layui-colla-icon").html("&#xe602;"),c.removeClass(n)}l[r?"addClass":"removeClass"](n),i.html(r?"&#xe61a;":"&#xe602;")

改为

c.siblings(".layui-colla-title").children(".layui-colla-icon").html("&#xe71e;"),c.removeClass(n)}l[r?"addClass":"removeClass"](n),i.html(r?"&#xe723;":"&#xe71e;")


i.find(".layui-colla-icon").remove(),i.append('<i class="layui-icon layui-colla-icon">'+(l?"&#xe602;":"&#xe61a;")+"</i>")

改为

i.find(".layui-colla-icon").remove(),i.append('<i class="layui-colla-icon icon iconfont">'+(l?"&#xe71e;":"&#xe723;")+"</i>")

版权声明:本篇文章来源于网络。 来源链接

相关推荐
layui垂直导航,鼠标经过去掉左侧的青色条块
Layui | 2019-07-05 7116
打开layui.css找到 .layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688} 将width:5px改为width:0就可以了
layui栅格如何实现5等分,一行5列
Layui | 2019-07-05 5016
layui栅格如何实现5等分,一行5列? layui 栅格系统是12格的 不能实现5等分,可以自己仿照layui定义css样式 打开laui css查看源码 发现一等分是8.3%   layui是12格的; 所以 实现五等分 12/5*8.3% 就是19.9999992% 5等分,12格,大概每列占比是1...
评论:0条
评论加载中...
发表评论