sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

菜单优化

feat/task1-c-wallet
gongfuxiang 2019-02-28 22:07:21 +08:00
parent eed5ef5077
commit d836aeef49
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/static/admin/default/css/common.css
View File

@ -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}
.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}

6
public/static/admin/default/js/index.js
View File

@ -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');