Skip to content

G
guns-vip
Commit 4944d1d3 by fengshuonan
Options

关闭默认多标签，修改主题页面

parent 618f572f
Showing with 41 additions and 8 deletions
guns-sys/src/main/webapp/assets/common/module/index.js
/** EasyWeb iframe v3.1.2 date:2019-06-05 License By http://easyweb.vip */ /** EasyWeb iframe v3.1.2 date:2019-06-05 License By http://easyweb.vip */
layui.define(["layer", "element", "admin", "contextMenu"], function(s) { layui.define(["layer", "element", "admin", "contextMenu"], function(s) {
var d = layui.jquery; var d = layui.jquery;
...@@ -17,7 +17,7 @@ layui.define(["layer", "element", "admin", "contextMenu"], function(s) { ...@@ -17,7 +17,7 @@ layui.define(["layer", "element", "admin", "contextMenu"], function(s) {
var f = false; var f = false;
var c; var c;
var h = { var h = {
pageTabs: true, pageTabs: false,
cacheTab: true, cacheTab: true,
openTabCtxMenu: true, openTabCtxMenu: true,
maxTabNum: 20, maxTabNum: 20,
......
guns-sys/src/main/webapp/pages/modular/frame/theme.html
...@@ -8,6 +8,10 @@ ...@@ -8,6 +8,10 @@
<link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css"/> <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css"/>
<link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css"/> <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css"/>
<style> <style>
body {
overflow-x: hidden;
}
.layui-card-body { .layui-card-body {
padding: 0; padding: 0;
} }
...@@ -67,6 +71,7 @@ ...@@ -67,6 +71,7 @@
font-family: layui-icon !important; font-family: layui-icon !important;
position: absolute; position: absolute;
right: 16px; right: 16px;
color: #999;
} }
.more-menu-item.no-icon:after { .more-menu-item.no-icon:after {
...@@ -94,13 +99,21 @@ ...@@ -94,13 +99,21 @@
</style> </style>
</head> </head>
<body> <body>
<!-- 加载动画 -->
<div class="page-loading">
<div class="ball-loader">
<span></span><span></span><span></span><span></span>
</div>
</div>
<div class="layui-card-header">设置主题</div> <div class="layui-card-header">设置主题</div>
<div class="layui-card-body"> <div class="layui-card-body">
<!-- 主题列表 --> <!-- 主题列表 -->
<div class="theme-div"></div> <div class="theme-div"></div>
<!-- 导航 --> <!-- 导航 -->
<div> <div class="more-menu">
<a class="more-menu-item" href="https://gitee.com/stylefeng/guns" target="_blank"> <a class="more-menu-item" href="https://gitee.com/stylefeng/guns" target="_blank">
<i class="layui-icon layui-icon-note" style="font-size: 19px;"></i> Guns码云官网 <i class="layui-icon layui-icon-note" style="font-size: 19px;"></i> Guns码云官网
</a> </a>
...@@ -112,17 +125,17 @@ ...@@ -112,17 +125,17 @@
<!-- 控制开关 --> <!-- 控制开关 -->
<div class="layui-form" style="margin: 25px 0;"> <div class="layui-form" style="margin: 25px 0;">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="set-item-label">页脚：</label> <label class="set-item-label">页&emsp;脚：</label>
<div class="set-item-ctrl" style="margin-right: 15px;"> <div class="set-item-ctrl">
<input id="setFooter" lay-filter="setFooter" type="checkbox" lay-skin="switch" lay-text="开启|关闭"> <input id="setFooter" lay-filter="setFooter" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div> </div>
<label class="set-item-label" style="width: auto;">Tab记忆：</label> <label class="set-item-label"> Tab&nbsp;记忆：</label>
<div class="set-item-ctrl"> <div class="set-item-ctrl">
<input id="setTab" lay-filter="setTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭"> <input id="setTab" lay-filter="setTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="set-item-label" style="width: auto;">多标签：</label> <label class="set-item-label">多标签：</label>
<div class="set-item-ctrl"> <div class="set-item-ctrl">
<input id="setMoreTab" lay-filter="setMoreTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭"> <input id="setMoreTab" lay-filter="setMoreTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div> </div>
...@@ -131,6 +144,14 @@ ...@@ -131,6 +144,14 @@
<input id="setRefresh" lay-filter="setRefresh" type="checkbox" lay-skin="switch" lay-text="开启|关闭"> <input id="setRefresh" lay-filter="setRefresh" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div> </div>
</div> </div>
<div class="layui-form-item">
<label class="set-item-label">导航小三角：</label>
<div class="set-item-ctrl">
<input lay-filter="navArrow" type="radio" value="" title="默认" name="navArrow">
<input lay-filter="navArrow" type="radio" value="arrow2" title="箭头" name="navArrow">
<input lay-filter="navArrow" type="radio" value="arrow3" title="加号" name="navArrow">
</div>
</div>
</div> </div>
</div> </div>
...@@ -155,6 +176,8 @@ ...@@ -155,6 +176,8 @@
var layer = layui.layer; var layer = layui.layer;
var form = layui.form; var form = layui.form;
var admin = layui.admin; var admin = layui.admin;
var leftNav = '.layui-layout-admin>.layui-side>.layui-side-scroll>.layui-nav';
var mainTab = '.layui-body>.layui-tab[lay-filter="admin-pagetabs"]';
var themes = [ var themes = [
{title: '黑白主题', theme: 'admin'}, {title: '黑白主题', theme: 'admin'},
...@@ -207,7 +230,7 @@ ...@@ -207,7 +230,7 @@
form.on('switch(setRefresh)', function (data) { form.on('switch(setRefresh)', function (data) {
var checked = data.elem.checked; var checked = data.elem.checked;
layui.data(admin.tableName, {key: 'tabAutoRefresh', value: checked}); layui.data(admin.tableName, {key: 'tabAutoRefresh', value: checked});
checked ? top.layui.jquery('.layui-body>.layui-tab[lay-filter="admin-pagetabs"]').attr('lay-autoRefresh', 'true') : top.layui.jquery('.layui-body>.layui-tab[lay-filter="admin-pagetabs"]').removeAttr('lay-autoRefresh'); checked ? top.layui.jquery(mainTab).attr('lay-autoRefresh', 'true') : top.layui.jquery(mainTab).removeAttr('lay-autoRefresh');
}); });
// 关闭/开启多标签 // 关闭/开启多标签
...@@ -220,7 +243,17 @@ ...@@ -220,7 +243,17 @@
top.location.reload(); top.location.reload();
}); });
// 导航小三角
var navArrow = layui.data(admin.tableName).navArrow;
$('[name="navArrow"][value="' + (navArrow ? navArrow : '') + '"]').prop('checked', 'true');
form.on('radio(navArrow)', function (data) {
layui.data(admin.tableName, {key: 'navArrow', value: data.value});
top.layui.jquery(leftNav).removeClass('arrow2 arrow3');
data.value && top.layui.jquery(leftNav).addClass(data.value);
});
form.render('checkbox'); form.render('checkbox');
form.render('radio');
}); });
</script> </script>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment