110 lines
13 KiB
JavaScript
110 lines
13 KiB
JavaScript
layui.define(["jquery","layer"],function(n){var o=layui.$,h=layui.layer,i={config:function(a){var e=[{headerRightBg:"#ffffff",headerRightBgThis:"#e4e4e4",headerRightColor:"rgba(107, 107, 107, 0.7)",headerRightChildColor:"rgba(107, 107, 107, 0.7)",headerRightColorThis:"#565656",headerRightNavMore:"rgba(160, 160, 160, 0.7)",headerRightNavMoreBg:"#247AE0",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#565656",headerLogoBg:"#192027",headerLogoColor:"rgb(191, 187, 187)",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#28333E",leftMenuBgThis:"#247AE0",leftMenuChildBg:"#0c0f13",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#247AE0"},{headerRightBg:"#23262e",headerRightBgThis:"#0c0c0c",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#1aa094",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#0c0c0c",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#23262e",leftMenuBgThis:"#737373",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#23262e"},{headerRightBg:"#ffa4d1",headerRightBgThis:"#bf7b9d",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#ffa4d1",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#e694bd",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#1f1f1f",leftMenuBgThis:"#737373",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#ffa4d1"},{headerRightBg:"#1aa094",headerRightBgThis:"#197971",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#1aa094",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#0c0c0c",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#23262e",leftMenuBgThis:"#1aa094",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#1aa094"},{headerRightBg:"#1e9fff",headerRightBgThis:"#0069b7",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#1e9fff",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#0c0c0c",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#1f1f1f",leftMenuBgThis:"#1e9fff",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#1e9fff"},{headerRightBg:"#ffb800",headerRightBgThis:"#d09600",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#d09600",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#243346",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#2f4056",leftMenuBgThis:"#8593a7",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#ffb800"},{headerRightBg:"#e82121",headerRightBgThis:"#ae1919",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#ae1919",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#0c0c0c",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#1f1f1f",leftMenuBgThis:"#3b3f4b",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#e82121"},{headerRightBg:"#963885",headerRightBgThis:"#772c6a",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#772c6a",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#243346",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#2f4056",leftMenuBgThis:"#586473",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#963885"},{headerRightBg:"#2D8CF0",headerRightBgThis:"#0069b7",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#0069b7",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#0069b7",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#1f1f1f",leftMenuBgThis:"#2D8CF0",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#2d8cf0"},{headerRightBg:"#ffb800",headerRightBgThis:"#d09600",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#d09600",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#d09600",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#2f4056",leftMenuBgThis:"#3b3f4b",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#ffb800"},{headerRightBg:"#e82121",headerRightBgThis:"#ae1919",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#ae1919",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#d91f1f",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#1f1f1f",leftMenuBgThis:"#3b3f4b",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#e82121"},{headerRightBg:"#963885",headerRightBgThis:"#772c6a",headerRightColor:"rgba(255,255,255,.7)",headerRightChildColor:"#676767",headerRightColorThis:"#ffffff",headerRightNavMore:"rgba(255,255,255,.7)",headerRightNavMoreBg:"#772c6a",headerRightNavMoreColor:"#ffffff",headerRightToolColor:"#bbe3df",headerLogoBg:"#772c6a",headerLogoColor:"#ffffff",leftMenuNavMore:"rgb(191, 187, 187)",leftMenuBg:"#2f4056",leftMenuBgThis:"#626f7f",leftMenuChildBg:"rgba(0,0,0,.3)",leftMenuColor:"rgb(191, 187, 187)",leftMenuColorThis:"#ffffff",tabActiveColor:"#963885"}];return a===void 0?e:e[a]},render:function(a){a.bgColorDefault=a.bgColorDefault||!1,a.listen=a.listen||!1;var e=sessionStorage.getItem("layuiminiBgcolorId");(e==null||e==="")&&(e=a.bgColorDefault),i.buildThemeCss(e),a.listen&&i.listen(a)},buildThemeCss:function(a){if(!a)return!1;var e=i.config(a),r=`/*头部右侧背景色 headerRightBg */
|
|
.layui-layout-admin .layui-header {
|
|
background-color: `+e.headerRightBg+` !important;
|
|
}
|
|
|
|
/*头部右侧选中背景色 headerRightBgThis */
|
|
.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
|
|
background-color: `+e.headerRightBgThis+` !important;
|
|
}
|
|
|
|
/*头部右侧字体颜色 headerRightColor */
|
|
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
|
|
color: `+e.headerRightColor+`;
|
|
}
|
|
/**头部右侧下拉字体颜色 headerRightChildColor */
|
|
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
|
|
color: `+e.headerRightChildColor+`!important;
|
|
}
|
|
|
|
/*头部右侧鼠标选中 headerRightColorThis */
|
|
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
|
|
color: `+e.headerRightColorThis+` !important;
|
|
}
|
|
|
|
/*头部右侧更多下拉颜色 headerRightNavMore */
|
|
.layui-header .layui-nav .layui-nav-more {
|
|
border-top-color: `+e.headerRightNavMore+` !important;
|
|
}
|
|
|
|
/*头部右侧更多下拉颜色 headerRightNavMore */
|
|
.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
|
|
border-color: transparent transparent `+e.headerRightNavMore+` !important;
|
|
}
|
|
|
|
/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
|
|
.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
|
|
background-color: `+e.headerRightNavMoreBg+` !important;
|
|
color:`+e.headerRightNavMoreColor+` !important;
|
|
}
|
|
|
|
/*头部缩放按钮样式 headerRightToolColor */
|
|
.layui-layout-admin .layui-header .layuimini-tool i {
|
|
color: `+e.headerRightToolColor+`;
|
|
}
|
|
|
|
/*logo背景颜色 headerLogoBg */
|
|
.layui-layout-admin .layuimini-logo {
|
|
background-color: `+e.headerLogoBg+` !important;
|
|
}
|
|
|
|
/*logo字体颜色 headerLogoColor */
|
|
.layui-layout-admin .layuimini-logo h1 {
|
|
color: `+e.headerLogoColor+`;
|
|
}
|
|
|
|
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
|
.layuimini-menu-left .layui-nav .layui-nav-more,.layuimini-menu-left-zoom.layui-nav .layui-nav-more {
|
|
border-top-color: `+e.leftMenuNavMore+`;
|
|
}
|
|
|
|
/*左侧菜单更多下拉样式 leftMenuNavMore */
|
|
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
|
|
border-color: transparent transparent `+e.leftMenuNavMore+` !important;
|
|
}
|
|
|
|
/*左侧菜单背景 leftMenuBg */
|
|
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
|
|
background-color: `+e.leftMenuBg+` !important;
|
|
}
|
|
|
|
/*左侧菜单选中背景 leftMenuBgThis */
|
|
.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
|
|
background-color: `+e.leftMenuBgThis+` !important
|
|
}
|
|
|
|
/*左侧菜单子菜单背景 leftMenuChildBg */
|
|
.layuimini-menu-left .layui-nav-itemed > .layui-nav-child{
|
|
background-color: `+e.leftMenuChildBg+` !important;
|
|
}
|
|
|
|
/*左侧菜单字体颜色 leftMenuColor */
|
|
.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
|
|
color: `+e.leftMenuColor+` !important;
|
|
}
|
|
|
|
/*左侧菜单选中字体颜色 leftMenuColorThis */
|
|
.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
|
|
color:`+e.leftMenuColorThis+` !important;
|
|
}
|
|
|
|
/**tab选项卡选中颜色 tabActiveColor */
|
|
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
|
background-color: `+e.tabActiveColor+`;
|
|
}
|
|
`;o("#layuimini-bg-color").html(r)},buildBgColorHtml:function(a){a.bgColorDefault=a.bgColorDefault||0;var e=parseInt(sessionStorage.getItem("layuiminiBgcolorId"));isNaN(e)&&(e=a.bgColorDefault);var r=i.config(),l="";return o.each(r,function(f,t){f===e?l+='<li class="layui-this" data-select-bgcolor="'+f+`">
|
|
`:l+='<li data-select-bgcolor="'+f+`">
|
|
`,l+=`<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">
|
|
<div><span style="display:block; width: 20%; float: left; height: 12px; background: `+t.headerLogoBg+';"></span><span style="display:block; width: 80%; float: left; height: 12px; background: '+t.headerRightBg+`;"></span></div>
|
|
<div><span style="display:block; width: 20%; float: left; height: 40px; background: `+t.leftMenuBg+`;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #ffffff;"></span></div>
|
|
</a>
|
|
</li>`}),l},listen:function(a){o("body").on("click","[data-bgcolor]",function(){var e=h.load(0,{shade:!1,time:2e3}),r=document.documentElement.clientHeight-60,l=i.buildBgColorHtml(a),f=`<div class="layuimini-color">
|
|
<div class="color-title">
|
|
<span>配色方案</span>
|
|
</div>
|
|
<div class="color-content">
|
|
<ul>
|
|
`+l+`</ul>
|
|
</div>
|
|
</div>`;h.open({type:1,title:!1,closeBtn:0,shade:.2,anim:2,shadeClose:!0,id:"layuiminiBgColor",area:["340px",r+"px"],offset:"rb",content:f,success:function(t,g){},end:function(){o(".layuimini-select-bgcolor").removeClass("layui-this")}}),h.close(e)}),o("body").on("click","[data-select-bgcolor]",function(){var e=o(this).attr("data-select-bgcolor");o(".layuimini-color .color-content ul .layui-this").attr("class",""),o(this).attr("class","layui-this"),sessionStorage.setItem("layuiminiBgcolorId",e),i.render({bgColorDefault:e,listen:!1})})}};n("miniTheme",i)});
|