修复多层tab无法关闭问题
parent
8f625ca00d
commit
7516c750de
|
|
@ -10,6 +10,8 @@
|
||||||
# 近期打算
|
# 近期打算
|
||||||
- 左侧三级菜单功能
|
- 左侧三级菜单功能
|
||||||
- 下拉刷新功能
|
- 下拉刷新功能
|
||||||
|
- tab选项卡优化
|
||||||
|
- 手机端响应式优化
|
||||||
|
|
||||||
# 效果预览
|
# 效果预览
|
||||||

|

|
||||||
|
|
|
||||||
|
|
@ -57,6 +57,7 @@
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
z-index: -999;
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,13 +13,13 @@ layui.use(['element', 'layer'], function () {
|
||||||
*/
|
*/
|
||||||
$(".menu-switch").click(function () {
|
$(".menu-switch").click(function () {
|
||||||
if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
|
if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
|
||||||
$(".layui-layout-admin .layui-side").animate(left, -200);
|
$(".layui-layout-admin .layui-side").animate({left: "-200px"});
|
||||||
$(".layui-layout-admin .content-body").animate(left, 0);
|
$(".layui-layout-admin .content-body").animate({left: "0px"});
|
||||||
$(".layui-layout-admin .layui-footer").animate(left, 0);
|
$(".layui-layout-admin .layui-footer").animate({left: "0px"});
|
||||||
} else {
|
} else {
|
||||||
$(".layui-layout-admin .layui-side").animate(left, 0);
|
$(".layui-layout-admin .layui-side").animate({left: "0px"});
|
||||||
$(".layui-layout-admin .content-body").animate(left, 200);
|
$(".layui-layout-admin .content-body").animate({left: "200px"});
|
||||||
$(".layui-layout-admin .layui-footer").animate(left, 200);
|
$(".layui-layout-admin .layui-footer").animate({left: "200px"});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue