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) {
var d = layui.jquery;
......@@ -17,7 +17,7 @@ layui.define(["layer", "element", "admin", "contextMenu"], function(s) {
var f = false;
var c;
var h = {
pageTabs: true,
pageTabs: false,
cacheTab: true,
openTabCtxMenu: true,
maxTabNum: 20,
......
guns-sys/src/main/webapp/pages/modular/frame/theme.html
......@@ -8,6 +8,10 @@
<link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css"/>
<link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css"/>
<style>
body {
overflow-x: hidden;
}
.layui-card-body {
padding: 0;
}
......@@ -67,6 +71,7 @@
font-family: layui-icon !important;
position: absolute;
right: 16px;
color: #999;
}
.more-menu-item.no-icon:after {
......@@ -94,13 +99,21 @@
</style>
</head>
<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-body">
<!-- 主题列表 -->
<div class="theme-div"></div>
<!-- 导航 -->
<div>
<div class="more-menu">
<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码云官网
</a>
......@@ -112,17 +125,17 @@
<!-- 控制开关 -->
<div class="layui-form" style="margin: 25px 0;">
<div class="layui-form-item">
<label class="set-item-label">页脚：</label>
<div class="set-item-ctrl" style="margin-right: 15px;">
<label class="set-item-label">页&emsp;脚：</label>
<div class="set-item-ctrl">
<input id="setFooter" lay-filter="setFooter" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div>
<label class="set-item-label" style="width: auto;">Tab记忆：</label>
<label class="set-item-label"> Tab&nbsp;记忆：</label>
<div class="set-item-ctrl">
<input id="setTab" lay-filter="setTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div>
</div>
<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">
<input id="setMoreTab" lay-filter="setMoreTab" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</div>
......@@ -131,6 +144,14 @@
<input id="setRefresh" lay-filter="setRefresh" type="checkbox" lay-skin="switch" lay-text="开启|关闭">
</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>
......@@ -155,6 +176,8 @@
var layer = layui.layer;
var form = layui.form;
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 = [
{title: '黑白主题', theme: 'admin'},
......@@ -207,7 +230,7 @@
form.on('switch(setRefresh)', function (data) {
var checked = data.elem.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 @@
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('radio');
});
</script>
</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