submit: system
parent
058a7854ba
commit
d4b0aaaa71
|
|
@ -24,15 +24,20 @@
|
|||
|
||||
/**============================导航菜单的箭头 start============================*/
|
||||
#navBar.ok-arrow2 .layui-nav-item a span,
|
||||
#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed dd a span{
|
||||
#navBar.ok-arrow3 .layui-nav-item a span,
|
||||
#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed dd a span,
|
||||
#navBar.ok-arrow3 .layui-nav-item.layui-nav-itemed dd a span{
|
||||
top: 14px!important;
|
||||
}
|
||||
#navBar.ok-arrow2 .layui-nav-item.layui-nav-itemed a span,
|
||||
#navBar.ok-arrow2 .layui-nav-item dd.layui-nav-itemed a span {
|
||||
#navBar.ok-arrow2 .layui-nav-item dd.layui-nav-itemed a span,
|
||||
#navBar.ok-arrow3 .layui-nav-item.layui-nav-itemed a span,
|
||||
#navBar.ok-arrow3 .layui-nav-item dd.layui-nav-itemed a span {
|
||||
top: 20px!important;
|
||||
}
|
||||
|
||||
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more {
|
||||
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more,
|
||||
#navBar.ok-arrow3 .layui-nav-item a span.layui-nav-more {
|
||||
font-family: ok-icon !important;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
|
|
@ -45,8 +50,8 @@
|
|||
border: 0;
|
||||
display: block;
|
||||
}
|
||||
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before {
|
||||
content: "\e661";
|
||||
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before,
|
||||
#navBar.ok-arrow3 .layui-nav-item a span.layui-nav-more:before{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -56,8 +61,21 @@
|
|||
width: 100%;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before {
|
||||
content: "\e661";
|
||||
}
|
||||
#navBar.ok-arrow2 .layui-nav-itemed > a > span.layui-nav-more:before{
|
||||
content: "\e6de";
|
||||
/*content: "\e6de";*/
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
#navBar.ok-arrow3 .layui-nav-item a span.layui-nav-more:before{
|
||||
content: "\e767";
|
||||
}
|
||||
#navBar.ok-arrow3 .layui-nav-itemed > a > span.layui-nav-more:before{
|
||||
content: "\e768";
|
||||
}
|
||||
|
||||
/**============================导航菜单的箭头 end============================*/
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
var okConfig = {
|
||||
theme: "blue_theme", //主题色orange_theme|blue_theme
|
||||
menuArrow: "ok-arrow2", //导航箭头ok-arrow2:箭头,不填为默认样式
|
||||
menuArrow: "ok-arrow3", //导航箭头ok-arrow2|ok-arrow3,不填为默认样式
|
||||
isTabMenu: true, //刷新后是否记住上次打开tab菜单
|
||||
isTabRefresh: false, //是否开启切换刷新
|
||||
};
|
||||
|
|
@ -64,7 +64,7 @@ layui.define(["element", "jquery", "okUtils"], function (exports) {
|
|||
$ = layui.jquery;
|
||||
var element = layui.element,
|
||||
layer = layui.layer;
|
||||
config = okUtils.local("okConfig") || okConfig || {};
|
||||
config = okUtils.local("okConfig") || window.okConfig || {};
|
||||
|
||||
if(!config.isTabMenu){
|
||||
okUtils.session("tabMenu", null);
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@
|
|||
<div class="layui-input-block">
|
||||
<input lay-filter="arrow" type="radio" name="arrow" value="" title="默认">
|
||||
<input lay-filter="arrow" type="radio" name="arrow" value="ok-arrow2" title="箭头">
|
||||
<input lay-filter="arrow" type="radio" name="arrow" value="ok-arrow3" title="加号">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -68,7 +69,7 @@
|
|||
okUtils = layui.okUtils,
|
||||
parentBody = parent.document.body;// 父级dom
|
||||
var config = okUtils.local("okConfig") || okConfig || {};
|
||||
var ok_arrow = ['ok-arrow2'];
|
||||
var ok_arrow = "ok-arrow2 ok-arrow3";
|
||||
|
||||
$("input[name=theme]").each(function (i,item) {
|
||||
if(config.theme == $(item).val()){
|
||||
|
|
@ -89,13 +90,8 @@
|
|||
|
||||
form.render();
|
||||
form.on('radio(arrow)', function (data) { //更改导航箭头样式
|
||||
if (data.value) {
|
||||
$(parentBody).find("#navBar").addClass(data.value);
|
||||
} else {
|
||||
for (var i = 0; i < ok_arrow.length; i++) {
|
||||
$(parentBody).find("#navBar").removeClass(ok_arrow[i]);
|
||||
}
|
||||
}
|
||||
$(parentBody).find("#navBar").removeClass(ok_arrow);
|
||||
$(parentBody).find("#navBar").addClass(data.value);
|
||||
config.menuArrow = data.value;
|
||||
okUtils.local("okConfig", config);
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue