菜单优化

public/static/admin/default/css/common.css

@@ -396,7 +396,7 @@ ul {margin-top:0;}
 /*---right Content---*/
 .content-right {overflow:auto;flex:1;-webkit-flex:1;}
 .content-right .content {padding:10px 10px 0 10px;}
-.admin-sidebar-list li a {padding:0.6rem 0 0.6rem 1.6rem;}
+.admin-sidebar-list li a {padding:0.6rem;}
 .common-left-menu a:hover { background:rgba(118, 119, 120, 0.1); }
 .common-left-menu-active {background:rgba(118, 119, 120, 0.3) !important;color:#fff !important;}
 #ifcontent {border:0px;overflow-x:hidden;}
@@ -435,7 +435,8 @@ ul {margin-top:0;}
 }
 
 
-.menu-mini .nav-name,.menu-mini .am-icon-angle-down,.menu-mini .admin-sidebar-sub{display:none}.menu-mini .admin-sidebar-list li a{padding-left:10px}
+.menu-mini .nav-name,.menu-mini .am-icon-angle-down,.menu-mini .admin-sidebar-sub{display:none}
+.menu-mini .admin-sidebar-list li {text-align: center;}
 
 /**
  * mini开关
@@ -445,9 +446,18 @@ ul {margin-top:0;}
 /**
  * mini小icon
  */
-.menu-mini-container-tips{position:absolute;left:68px;top:0;padding:0 10px;width:auto;height:35px;line-height:35px;text-align:center;color:#fff;background-color:#4884ff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);font-weight:700;display:none}.menu-mini-container-tips span{font-size:12px}.menu-mini-container-tips .mui-mbar-tab-tip,.menu-mini-container-popup .mui-mbar-tab-tip{position:absolute;width:16px;height:16px;line-height:16px;text-align:center;font-size:16px;font-family:"\5b8b\4f53";top:10px;left:-8px;z-index:0;color:#4884ff}
+.menu-mini-container-tips{position:absolute;left:68px;top:0;padding:0 10px;width:auto;height:35px;line-height:35px;text-align:center;color:#fff;background-color:#4884ff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);font-weight:700;display:none}
+.menu-mini-container-tips span{font-size:12px}
+.menu-mini-container-tips .mui-mbar-tab-tip,.menu-mini-container-popup .mui-mbar-tab-tip{position:absolute;width:16px;height:16px;line-height:16px;text-align:center;font-size:16px;font-family:"\5b8b\4f53";top:10px;left:-8px;z-index:0;color:#4884ff}
 
 /**
  * mini子菜单
  */
-.menu-mini-container-popup{background:#36373c;position:absolute;left:68px;top:0;min-width:120px;height:auto;display:none}.menu-mini-container-popup ul{margin:0;padding:0}.menu-mini-container-popup ul li{line-height:35px;list-style-type:none}.menu-mini-container-popup ul li a{padding:0 10px;display:block;color:#fff}.menu-mini-container-popup ul li a:hover{background:rgba(118,119,120,0.1)}.menu-mini-container-popup ul li a span{font-size:12px}.menu-mini-container-popup ul li:not(:last-child){border-bottom:1px solid #2e2e31}.menu-mini-container-popup .mui-mbar-tab-tip{color:#36373c}
\ No newline at end of file
+.menu-mini-container-popup{background:#36373c;position:absolute;left:68px;top:0;min-width:120px;height:auto;display:none}
+.menu-mini-container-popup ul{margin:0;padding:0}
+.menu-mini-container-popup ul li{line-height:35px;list-style-type:none}
+.menu-mini-container-popup ul li a{padding:0 10px;display:block;color:#fff}
+.menu-mini-container-popup ul li a:hover{background:rgba(118,119,120,0.1)}
+.menu-mini-container-popup ul li a span{font-size:12px}
+.menu-mini-container-popup ul li:not(:last-child){border-bottom:1px solid #2e2e31}
+.menu-mini-container-popup .mui-mbar-tab-tip{color:#36373c}
\ No newline at end of file

public/static/admin/default/js/index.js

@@ -77,11 +77,11 @@ $(function()
         $('.menu-mini-container-tips').hide();
         if(status == 0)
         {
-            $(this).animate({left: "64px"}, 300);
+            $(this).animate({left: "59px"}, 300);
             $(this).removeClass('am-icon-angle-double-left').addClass('am-icon-angle-double-right');
             $('#admin-offcanvas').addClass('menu-mini');
-            $('#admin-offcanvas').animate({width: "60px"}, 300);
-            $('#ifcontent').css({"width":"calc(100% - 60px)"});
+            $('#admin-offcanvas').animate({width: "55px"}, 300);
+            $('#ifcontent').css({"width":"calc(100% - 55px)"});
         } else {
             $(this).animate({left: "189px"}, 300);
             $(this).removeClass('am-icon-angle-double-right').addClass('am-icon-angle-double-left');