diff --git a/README.md b/README.md index f69b0c4..5fc1fd2 100644 --- a/README.md +++ b/README.md @@ -10,6 +10,8 @@ # 近期打算 - 左侧三级菜单功能 - 下拉刷新功能 +- tab选项卡优化 +- 手机端响应式优化 # 效果预览 ![1](https://raw.githubusercontent.com/bobi1234/ok-admin/master/images/readme/1.png) diff --git a/css/okadmin.css b/css/okadmin.css index 30f2354..6b967d5 100644 --- a/css/okadmin.css +++ b/css/okadmin.css @@ -57,6 +57,7 @@ bottom: 0; width: 100%; padding: 0; + z-index: -999; overflow: hidden } diff --git a/js/okadmin.js b/js/okadmin.js index 97d6a94..88c04ec 100644 --- a/js/okadmin.js +++ b/js/okadmin.js @@ -13,13 +13,13 @@ layui.use(['element', 'layer'], function () { */ $(".menu-switch").click(function () { if ($(".layui-layout-admin .layui-side").css("left") == '0px') { - $(".layui-layout-admin .layui-side").animate(left, -200); - $(".layui-layout-admin .content-body").animate(left, 0); - $(".layui-layout-admin .layui-footer").animate(left, 0); + $(".layui-layout-admin .layui-side").animate({left: "-200px"}); + $(".layui-layout-admin .content-body").animate({left: "0px"}); + $(".layui-layout-admin .layui-footer").animate({left: "0px"}); } else { - $(".layui-layout-admin .layui-side").animate(left, 0); - $(".layui-layout-admin .content-body").animate(left, 200); - $(".layui-layout-admin .layui-footer").animate(left, 200); + $(".layui-layout-admin .layui-side").animate({left: "0px"}); + $(".layui-layout-admin .content-body").animate({left: "200px"}); + $(".layui-layout-admin .layui-footer").animate({left: "200px"}); } });