@ -0,0 +1,161 @@ |
|||
@media screen and (max-width: 1350px){ |
|||
.admin-container-outer .admin-layui-header{ |
|||
height: 48px !important; |
|||
background-color: #1890FF !important; |
|||
} |
|||
.admin-container-outer .admin-layui-header *{ |
|||
line-height: 48px !important; |
|||
} |
|||
.admin-container-outer .admin-layui-nav-img{ |
|||
width: 24px !important; |
|||
height: 24px !important; |
|||
margin-right: 8px !important; |
|||
} |
|||
.header_user_name{ |
|||
color:#FFFFFF !important; |
|||
} |
|||
.admin-container-outer .header_user_info{ |
|||
padding: 0 32px !important; |
|||
} |
|||
.admin-container-outer .admin-menu-list{ |
|||
top: 48px !important; |
|||
width: 188px !important; |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
.admin-container-outer .admin-menu-layui-side-scroll{ |
|||
width: 188px !important; |
|||
} |
|||
.admin-container-outer .admin-layui-nav-tree{ |
|||
background-color:#FFFFFF !important; |
|||
width: 188px !important; |
|||
padding-left: 38px !important; |
|||
} |
|||
.admin-container-outer .admin-layui-nav-item-a{ |
|||
padding: 0px !important; |
|||
margin-right: 0px !important; |
|||
} |
|||
.admin-header-user-info{ |
|||
padding: 0px !important; |
|||
} |
|||
.admin_logout_img{ |
|||
width: 14px !important; |
|||
height: auto !important; |
|||
border-radius:unset !important; |
|||
margin-right: 0px !important; |
|||
} |
|||
@media screen and (max-width: 768px) { |
|||
.layui-layout-admin .layui-layout-left, |
|||
.layui-layout-admin .layui-body, |
|||
.layui-layout-admin .layui-footer{left: 0;} |
|||
.layui-layout-admin .layui-side{left: -300px;} |
|||
} |
|||
.layui-nav-itemed>.admin-layui-nav-child{ |
|||
background-color: #ffffff !important; |
|||
} |
|||
|
|||
.layui-nav-item>.admin-layui-nav-item-title-a{ |
|||
color: #000000 !important; |
|||
} |
|||
} |
|||
|
|||
body{ |
|||
background: #F0F2F5; |
|||
} |
|||
.admin-container-outer .admin-layui-header{ |
|||
background-color: #1890FF !important; |
|||
} |
|||
.admin_logout_img{ |
|||
width: 20px !important; |
|||
border-radius:unset !important; |
|||
height: auto !important; |
|||
} |
|||
.admin-container-outer .admin-layui-nav-tree{ |
|||
background-color:#FFFFFF !important; |
|||
color: #000000 !important; |
|||
} |
|||
/* .admin-menu-list a{ |
|||
color: black !important; |
|||
} */ |
|||
.admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{ |
|||
background-color:rgba(24, 144, 255, 0.13) !important; |
|||
color: rgba(24, 144, 255, 1) !important; |
|||
} |
|||
.admin-layui-nav-item-a-child{ |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
.admin-menu-list .layui-nav-itemed>.layui-nav-child{ |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
.admin-menu-list .layui-icon-down:before{ |
|||
content: ""; |
|||
} |
|||
.admin-menu-list .layui-nav-bar{ |
|||
left:196px !important; |
|||
background-color: rgba(24, 144, 255, 1) !important; |
|||
border-radius: 4px !important; |
|||
width: 4px !important; |
|||
height: 29px !important; |
|||
margin-top: 5.5px !important; |
|||
top:55px; |
|||
} |
|||
.admin-layui-nav-item-a-child-img{ |
|||
width: 16px; |
|||
height: auto; |
|||
} |
|||
.admin-select{ |
|||
display: none; |
|||
} |
|||
.admin-menu-list .layui-this .admin-select{ |
|||
display: inline-block !important; |
|||
} |
|||
.admin-menu-list .layui-this .admin-no-select{ |
|||
display: none !important; |
|||
} |
|||
.layui-nav-tree .layui-nav-child dd.layui-this::after{ |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
z-index: 8; |
|||
left:196px !important; |
|||
background-color: rgba(24, 144, 255, 1) !important; |
|||
border-radius: 4px !important; |
|||
width: 4px !important; |
|||
height: 29px !important; |
|||
margin-top: 5.5px !important; |
|||
top: 0px; |
|||
} |
|||
.admin_menu_line{ |
|||
height: 1px; |
|||
width: 62px; |
|||
margin-left: 20px; |
|||
margin-top: 5px; |
|||
} |
|||
.admin_menu_line img{ |
|||
width: 100%; |
|||
height: 1px; |
|||
vertical-align: top; |
|||
} |
|||
.admin-layui-nav-child{ |
|||
color:red !important; |
|||
} |
|||
a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul { |
|||
padding: 0; |
|||
margin: 0; |
|||
list-style: none; |
|||
font-style: normal; |
|||
text-decoration: none; |
|||
border: none; |
|||
font-weight: 400; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
-webkit-tap-highlight-color: transparent; |
|||
-webkit-font-smoothing: antialiased; |
|||
} |
|||
.admin-layui-nav-item-a-child{ |
|||
font-family: PingFangSC-Medium,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important; |
|||
color: rgba(99, 108, 120, 1) !important; |
|||
} |
|||
.admin-layui-nav-item-title-a > span{ |
|||
font-family: PingFangSC-Medium,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important; |
|||
color: rgba(0, 0, 0, 1) !important; |
|||
} |
|||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 175 B |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 933 B |
|
After Width: | Height: | Size: 1.3 KiB |
@ -1,25 +1,53 @@ |
|||
<div class="layui-side layui-bg-black admin-menu-list"> |
|||
<div class="layui-side layui-bg-black admin-menu-list layui-anim layui-anim-up" style="background-color: #FFFFFF !important;color:#000000 !important;"> |
|||
<div class="layui-side-scroll admin-menu-layui-side-scroll"> |
|||
<ul class="layui-nav layui-nav-tree" lay-filter="test"> |
|||
<li class="layui-nav-item layui-nav-itemed"> |
|||
<a class="" href="javascript:;">menu group 1</a> |
|||
<dl class="layui-nav-child"> |
|||
<dd><a href="javascript:;">menu 1</a></dd> |
|||
<dd><a href="javascript:;">menu 2</a></dd> |
|||
<dd><a href="javascript:;">menu 3</a></dd> |
|||
<dd><a href="">the links</a></dd> |
|||
<ul class="layui-nav layui-nav-tree admin-layui-nav-tree" lay-filter="test" lay-bar="disabled"> |
|||
<li class="layui-nav-item layui-nav-itemed layui-menu-item-down"> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-title-a"> |
|||
<span>首页</span> |
|||
</a> |
|||
<dl class="layui-nav-child admin-layui-nav-child"> |
|||
<dd class="layui-this"> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<img src="/images/left_menu_grey_1.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> |
|||
<img src="/images/left_menu_bule_1.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> |
|||
首页 |
|||
</a> |
|||
</dd> |
|||
</dl> |
|||
</li> |
|||
<li class="layui-nav-item"> |
|||
<a href="javascript:;">menu group 2</a> |
|||
<dl class="layui-nav-child"> |
|||
<dd><a href="javascript:;">list 1</a></dd> |
|||
<dd><a href="javascript:;">list 2</a></dd> |
|||
<dd><a href="">超链接</a></dd> |
|||
|
|||
<li class="admin_menu_line" style=""> |
|||
<img src="/images/admin_menu_left_line.png"> |
|||
</li> |
|||
|
|||
<li class="layui-nav-item layui-menu-item-down layui-nav-itemed"> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-title-a"> |
|||
<span>常用功能</span> |
|||
</a> |
|||
<dl class="layui-nav-child admin-layui-nav-child"> |
|||
<dd> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<img src="/images/left_menu_grey_2.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> |
|||
<img src="/images/left_menu_bule_2.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> |
|||
发货提醒 |
|||
</a> |
|||
</dd> |
|||
<dd> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<img src="/images/left_menu_grey_3.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> |
|||
<img src="/images/left_menu_bule_3.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> |
|||
售后监控 |
|||
</a> |
|||
</dd> |
|||
<dd> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<img src="/images/left_menu_grey_4.svg" alt="" class="admin-layui-nav-item-a-child-img admin-no-select"> |
|||
<img src="/images/left_menu_bule_4.svg" alt="" class="admin-layui-nav-item-a-child-img admin-select"> |
|||
订单列表 |
|||
</a> |
|||
</dd> |
|||
</dl> |
|||
</li> |
|||
<li class="layui-nav-item"><a href="javascript:;">click menu item</a></li> |
|||
<li class="layui-nav-item"><a href="">the links</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||