@ -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"> |
<div class="layui-side-scroll admin-menu-layui-side-scroll"> |
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test"> |
<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"> |
<li class="layui-nav-item layui-nav-itemed layui-menu-item-down"> |
||||
<a class="" href="javascript:;">menu group 1</a> |
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-title-a"> |
||||
<dl class="layui-nav-child"> |
<span>首页</span> |
||||
<dd><a href="javascript:;">menu 1</a></dd> |
</a> |
||||
<dd><a href="javascript:;">menu 2</a></dd> |
<dl class="layui-nav-child admin-layui-nav-child"> |
||||
<dd><a href="javascript:;">menu 3</a></dd> |
<dd class="layui-this"> |
||||
<dd><a href="">the links</a></dd> |
<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> |
</dl> |
||||
</li> |
</li> |
||||
<li class="layui-nav-item"> |
|
||||
<a href="javascript:;">menu group 2</a> |
<li class="admin_menu_line" style=""> |
||||
<dl class="layui-nav-child"> |
<img src="/images/admin_menu_left_line.png"> |
||||
<dd><a href="javascript:;">list 1</a></dd> |
</li> |
||||
<dd><a href="javascript:;">list 2</a></dd> |
|
||||
<dd><a href="">超链接</a></dd> |
<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> |
</dl> |
||||
</li> |
</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> |
</ul> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||