修改后台样式

public/static/theme/css/_config.less

@@ -25,8 +25,10 @@
 // 基础阴影配置
 @ShadowMinOuter: 0 0 4px 0 rgba(0, 0, 0, 0.20);
 @ShadowMaxOuter: 0 0 6px 0 rgba(0, 0, 0, 0.20);
+@ShadowMainRight: 2px 0 6px rgba(0, 21, 41, .35);
 @ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
-@ShadowDownInset: 0 1px 6px 0 rgba(0, 0, 0, 0.10) inset;
+@ShadowBodyInset1: 1px 1px 6px 0 rgba(0, 0, 0, 0.10) inset;
+@ShadowBodyInset2: 1px 1px 6px 2px rgba(0, 0, 0, 0.10) inset;
 
 // 导航条颜色配置
 @TopHeaderTextColor: #333;
@@ -44,7 +46,6 @@
 
 // 左侧菜单布局颜色
 @LeftMainBackColor: #20222A !important;
-@LeftMainRightShadow: 2px 0 6px rgba(0, 21, 41, .35);
 
 @LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2);
 @LeftMainNavHoverTextColor: #FFF;

public/static/theme/css/_layout.less

@@ -146,7 +146,7 @@
     z-index: 333;
     position: fixed;
     overflow: hidden;
-    box-shadow: @LeftMainRightShadow;
+    box-shadow: @ShadowMainRight;
     background-color: @LeftMainBackColor;
 
     .layui-logo {
@@ -183,22 +183,22 @@
         height: 100%;
         display: block;
         content: "\e65b";
-        line-height: 50px;
+        line-height: 30px;
         text-align: center;
         transform: rotate(180deg);
         #iconLayout(10px);
       }
 
       top: 50%;
-      right: 0;
       color: #fff;
-      width: 12px;
+      right: -5px;
-      height: 50px;
+      width: 15px;
-      z-index: 99;
+      height: 30px;
+      z-index: 334;
       cursor: pointer;
-      display: block;
+      display: none;
       position: absolute;
-      margin-top: -25px;
+      margin-top: -15px;
       background: rgba(0, 0, 0, 0.4);
       border-top-left-radius: 100%;
       border-bottom-left-radius: 100%;
@@ -296,8 +296,9 @@
     left: @LayoutDefaLeftSzie;
     padding: 0;
     z-index: 111;
+    box-shadow: @ShadowBodyInset1;
     background: @BodyMainBackColor;
-    box-shadow: @ShadowDownInset;
+
 
     > .think-page-loader {
       left: @LayoutDefaLeftSzie
@@ -316,6 +317,7 @@
         overflow: auto;
         position: absolute;
         box-sizing: border-box;
+        box-shadow: @ShadowBodyInset2;
 
         > .layui-card-html {
           padding: 15px;
@@ -352,7 +354,6 @@
         position: fixed;
         background: #FFF;
         line-height: 45px;
-        box-shadow: @ShadowMaxOuter;
 
         & + .layui-card-body {
           top: 45px;

public/static/theme/css/_layout_1.less

@@ -7,7 +7,7 @@
       font-weight: bold;
 
       .headtxt {
-        text-shadow: #000 3px 4px 5px;
+        text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px;
       }
     }
 

public/static/theme/css/_layout_2.less

@@ -6,11 +6,14 @@
     background-color: @mainColor;
 
     .layui-logo {
-      color: #fff;
       box-shadow: none;
       font-weight: bold;
     }
 
+    .layui-side-target {
+      display: block;
+    }
+
     .layui-side-scroll {
       display: flex !important;
       box-sizing: border-box;
@@ -40,7 +43,7 @@
             color: #fff;
             overflow: hidden;
             max-width: 4em;
-            margin-right: 5px;
+            // margin-right: 5px;
             text-overflow: ellipsis;
             vertical-align: middle;
             display: inline-block !important;
@@ -116,6 +119,7 @@
 
   > .layui-header {
     left: 260px;
+
     background-color: @mainColor;
 
     .layui-layout-left {
@@ -145,8 +149,6 @@
 > .layui-layout-left-hide,
 > .layui-layout-left-mini {
   > .layui-side {
-    width: 260px;
-    z-index: 11;
 
     .layui-logo {
       .headimg {
@@ -171,15 +173,16 @@
   }
 
   > .layui-body {
-    z-index: 11;
     left: @iconWidth;
+    z-index: 333;
 
     > .think-page-body > .layui-card > .layui-card-header {
-      left: @iconWidth;
+      left: @iconWidth+1;
     }
   }
 
   > .layui-header {
+    z-index: 334;
     left: 260px !important;
   }
 }