zcy
/
MES-Springboot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端框架缩放bug修复

pull/1/head
iamsongpeng 2020-03-04 14:45:13 +08:00
parent aaba19009d
commit 4005cdf480
3 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -33,6 +33,8 @@
* Javascript 工具库：static/lib/lodash.min.js * Javascript 工具库：static/lib/lodash.min.js
* Layui 树形表格插件 * Layui 树形表格插件
* https://gitee.com/whvse/treetable-lay * https://gitee.com/whvse/treetable-lay
* 图标库使用
* http://www.fontawesome.com.cn/faicons/
* 后端 * 后端
* Hutool 是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。 * Hutool 是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。

38
sparchetype/src/main/resources/static/css/splayui.css
View File

@ -59,7 +59,7 @@
} }
/**头部样式（缩放） */ /**头部样式（缩放） */
.splayui .layui-layout-left.layui-header-menu.layui-hide-xs { .splayui-admin .layui-layout-left.layui-header-menu.layui-hide-xs {
left: 155px !important; left: 155px !important;
} }
@ -89,10 +89,10 @@
} }
/**logo演示（缩放） */ /**logo演示（缩放） */
.splayui .layui-layout-admin .layui-logo { .splayui-admin .layui-layout-admin .layui-logo {
width: 60px !important; width: 60px !important;
} }
.splayui .layui-layout-admin .layui-logo h1 { .splayui-admin .layui-layout-admin .layui-logo h1 {
display: none; display: none;
} }
@ -108,10 +108,12 @@
color: #ffffff !important; color: #ffffff !important;
transition: all 0.2s; transition: all 0.2s;
} }
/**缩放工具（缩放） */ /**缩放工具（缩放） */
.splayui .splayui-tool { .splayui-admin .splayui-tool {
left: 95px !important; left: 95px !important;
} }
.splayui-tool i { .splayui-tool i {
display: block; display: block;
color: #fff; color: #fff;
@ -276,20 +278,20 @@
padding: 5px 0; padding: 5px 0;
} }
/**左侧菜单栏（缩放） */ /**左侧菜单栏（缩放） */
.splayui .layui-side.layui-bg-black, .splayui-admin .layui-side.layui-bg-black,
.splayui .layui-left-menu, .splayui-admin .layui-left-menu,
.splayui .layui-left-menu > ul, .splayui-admin .layui-left-menu > ul,
.splayui .layui-left-menu > ul li i { .splayui-admin .layui-left-menu > ul li i {
width: 60px !important; width: 60px !important;
} }
.splayui .layui-left-menu > ul li span:first-child { .splayui-admin .layui-left-menu > ul li span:first-child {
display: none; display: none;
} }
.splayui .layui-left-menu > ul li span:last-child { .splayui-admin .layui-left-menu > ul li span:last-child {
float: right; float: right;
right: 7px; right: 7px;
} }
.splayui .layui-left-menu .layui-nav .layui-nav-item a { .splayui-admin .layui-left-menu .layui-nav .layui-nav-item a {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
padding-right: 0px !important; padding-right: 0px !important;
@ -303,7 +305,7 @@
transition: all 0.2s; transition: all 0.2s;
} }
/**内容主体（缩放） */ /**内容主体（缩放） */
.splayui .layui-layout-admin .layui-body { .splayui-admin .layui-layout-admin .layui-body {
left: 60px !important; left: 60px !important;
} }
@ -415,7 +417,7 @@
.layui-layout-admin .layui-body .layui-tab-item.layui-show { .layui-layout-admin .layui-body .layui-tab-item.layui-show {
border-top: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;
} }
.splayui .splayui-tool { .splayui-admin .splayui-tool {
left: 15px !important; left: 15px !important;
} }
.splayui-tool i:hover { .splayui-tool i:hover {
@ -430,7 +432,7 @@
float: right; float: right;
right: 0px; right: 0px;
} }
.splayui .layui-layout-left.layui-header-menu { .splayui-admin .layui-layout-left.layui-header-menu {
left: 50px !important; left: 50px !important;
transition: all 0.2s; transition: all 0.2s;
} }
@ -448,7 +450,7 @@
a { a {
padding: 0 15px; padding: 0 15px;
} }
.splayui .layui-layout-admin .layui-body { .splayui-admin .layui-layout-admin .layui-body {
left: 0px !important; left: 0px !important;
} }
.layui-layout-admin .layui-body .clildFrame.layui-tab-content { .layui-layout-admin .layui-body .clildFrame.layui-tab-content {
@ -462,9 +464,9 @@
-webkit-overflow-scrolling: touch !important; -webkit-overflow-scrolling: touch !important;
} }
.splayui-all .layui-nav.layui-layout-right, .splayui-all .layui-nav.layui-layout-right,
.splayui .layui-layout-admin .layui-logo, .splayui-admin .layui-layout-admin .layui-logo,
.splayui .layui-side.layui-bg-black, .splayui-admin .layui-side.layui-bg-black,
.splayui .layui-left-menu, .splayui-admin .layui-left-menu,
.layui-layout-admin .layui-body #top_tabs, .layui-layout-admin .layui-body #top_tabs,
.layui-layout-admin .layui-body .layui-nav.closeBox { .layui-layout-admin .layui-body .layui-nav.closeBox {
transition: all 0.2s; transition: all 0.2s;

12
sparchetype/src/main/resources/static/js/layuimodule/splayui/splayui.js
View File

@ -67,7 +67,7 @@ layui.define(["element", "jquery"], function (exports) {
if (splayui.checkMobile()) { if (splayui.checkMobile()) {
$('.splayui-tool i').attr('data-side-fold', 0); $('.splayui-tool i').attr('data-side-fold', 0);
$('.splayui-tool i').attr('class', 'fa fa-indent'); $('.splayui-tool i').attr('class', 'fa fa-indent');
$('.layui-layout-body').attr('class', 'layui-layout-body splayui-mini'); $('.layui-layout-body').attr('class', 'layui-layout-body splayui-admin');
} }
}; };
@ -141,16 +141,16 @@ layui.define(["element", "jquery"], function (exports) {
$.each(menuList, function (index, menu) { $.each(menuList, function (index, menu) {
leftMenuHtml += '<li class="layui-nav-item">\n'; leftMenuHtml += '<li class="layui-nav-item">\n';
if (menu.children && menu.children.length > 0) { if (menu.children && menu.children.length > 0) {
leftMenuHtml += '<a href="javascript:;" class="layui-menu-tips" ><i class="' + menu.icon + '"></i><span class="layui-left-nav"> ' + menu.name + '</span> </a>'; leftMenuHtml += '<a href="javascript:;" class="layui-menu-tips" ><i style="width: 14px;" class="' + menu.icon + '"></i><span class="layui-left-nav"> ' + menu.name + '</span> </a>';
var buildChildHtml = function (html, children, menuParameId) { var buildChildHtml = function (html, children, menuParameId) {
html += '<dl class="layui-nav-child">\n'; html += '<dl class="layui-nav-child">\n';
$.each(children, function (childIndex, childMenu) { $.each(children, function (childIndex, childMenu) {
html += '<dd>\n'; html += '<dd>\n';
if (childMenu.children && childMenu.children.length > 0) { if (childMenu.children && childMenu.children.length > 0) {
html += '<a href="javascript:;" class="layui-menu-tips" ><i class="' + childMenu.icon + '"></i><span class="layui-left-nav"> ' + childMenu.name + '</span></a>'; html += '<a href="javascript:;" class="layui-menu-tips" ><i style="width: 14px;" class="' + childMenu.icon + '"></i><span class="layui-left-nav"> ' + childMenu.name + '</span></a>';
html = buildChildHtml(html, childMenu.children, menuParameId); html = buildChildHtml(html, childMenu.children, menuParameId);
} else { } else {
html += '<a href="javascript:;" class="layui-menu-tips" data-type="tabAdd" data-tab-mpi="m-p-i-' + menuParameId + '" data-tab="' + childMenu.url + '" target="' + childMenu.target + '"><i class="' + childMenu.icon + '"></i><span class="layui-left-nav"> ' + childMenu.name + '</span></a>\n'; html += '<a href="javascript:;" class="layui-menu-tips" data-type="tabAdd" data-tab-mpi="m-p-i-' + menuParameId + '" data-tab="' + childMenu.url + '" target="' + childMenu.target + '"><i style="width: 14px;" class="' + childMenu.icon + '"></i><span class="layui-left-nav"> ' + childMenu.name + '</span></a>\n';
menuParameId++; menuParameId++;
window.menuParameId = menuParameId; window.menuParameId = menuParameId;
} }
@ -161,7 +161,7 @@ layui.define(["element", "jquery"], function (exports) {
}; };
leftMenuHtml = buildChildHtml(leftMenuHtml, menu.children, menuParameId); leftMenuHtml = buildChildHtml(leftMenuHtml, menu.children, menuParameId);
} else { } else {
leftMenuHtml += '<a href="javascript:;" class="layui-menu-tips" data-type="tabAdd" data-tab-mpi="m-p-i-' + menuParameId + '" data-tab="' + menu.url + '" target="' + menu.target + '"><i class="' + menu.icon + '"></i><span class="layui-left-nav"> ' + menu.name + '</span></a>\n'; leftMenuHtml += '<a href="javascript:;" class="layui-menu-tips" data-type="tabAdd" data-tab-mpi="m-p-i-' + menuParameId + '" data-tab="' + menu.url + '" target="' + menu.target + '"><i style="width: 14px;" class="' + menu.icon + '"></i><span class="layui-left-nav"> ' + menu.name + '</span></a>\n';
menuParameId++; menuParameId++;
} }
leftMenuHtml += '</li>\n'; leftMenuHtml += '</li>\n';
@ -840,7 +840,7 @@ layui.define(["element", "jquery"], function (exports) {
if (isShow == 1) { // 缩放 if (isShow == 1) { // 缩放
$(this).attr('data-side-fold', 0); $(this).attr('data-side-fold', 0);
$('.splayui-tool i').attr('class', 'fa fa-indent'); $('.splayui-tool i').attr('class', 'fa fa-indent');
$('.layui-layout-body').attr('class', 'layui-layout-body splayui-mini'); $('.layui-layout-body').attr('class', 'layui-layout-body splayui-admin');
} else { // 正常 } else { // 正常
$(this).attr('data-side-fold', 1); $(this).attr('data-side-fold', 1);
$('.splayui-tool i').attr('class', 'fa fa-outdent'); $('.splayui-tool i').attr('class', 'fa fa-outdent');