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