Browse Source

修改后台样式

Anyon 3 years ago
parent
commit
2e22d71615

+ 4 - 4
app/admin/view/index/index.html

@@ -23,14 +23,14 @@
 {block name='body'}
 <div class="layui-layout layui-layout-admin layui-layout-left-hide">
 
-    <!-- 顶部菜单 开始 -->
-    {include file='index/index-top'}
-    <!-- 顶部菜单 结束 -->
-
     <!-- 左则菜单 开始 -->
     {include file="index/index-left"}
     <!-- 左则菜单 结束 -->
 
+    <!-- 顶部菜单 开始 -->
+    {include file='index/index-top'}
+    <!-- 顶部菜单 结束 -->
+
     <!-- 主体内容 开始 -->
     <div class="layui-body">
         <div class="think-page-body">

+ 1 - 0
public/static/theme/css/_config.less

@@ -44,6 +44,7 @@
 
 // 左侧菜单布局颜色
 @LeftMainBackColor: #20222A !important;
+@LeftMainRightShadow: 2px 0 6px rgba(0, 21, 41, .35);
 
 @LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2);
 @LeftMainNavHoverTextColor: #FFF;

+ 4 - 0
public/static/theme/css/_layout.less

@@ -20,6 +20,7 @@
     right: 0;
     color: @TopHeaderTextColor !important;
     height: @TopHeaderHeight !important;
+    z-index: 222;
     position: absolute;
     box-sizing: content-box;
     background: @TopHeaderBackColor !important;
@@ -142,8 +143,10 @@
     top: 0;
     bottom: 0;
     width: @LayoutDefaLeftSzie;
+    z-index: 333;
     position: fixed;
     overflow: hidden;
+    box-shadow: @LeftMainRightShadow;
     background-color: @LeftMainBackColor;
 
     .layui-logo {
@@ -292,6 +295,7 @@
     top: @BodyMainTop;
     left: @LayoutDefaLeftSzie;
     padding: 0;
+    z-index: 111;
     background: @BodyMainBackColor;
     box-shadow: @ShadowDownInset;
 

+ 4 - 1
public/static/theme/css/_layout_1.less

@@ -3,9 +3,12 @@
     background-color: @leftBackColor;
 
     .layui-logo {
-      color: #FFF;
       box-shadow: none;
       font-weight: bold;
+
+      .headtxt {
+        text-shadow: #000 3px 4px 5px;
+      }
     }
 
     .layui-side-scroll {

+ 1 - 1
public/static/theme/css/_layout_1_blue.less

@@ -2,7 +2,7 @@
 @import "_config.less";
 
 .layui-layout-theme-blue-1 {
-  @mainActiveBack: #0E54C4 !important;
+  @mainActiveBack: #3963bc !important;
   @mainNormalBack: rgba(0, 0, 0, 0.1) !important;
 
   @mainActionText: #FFFFFF !important;

+ 1 - 0
public/static/theme/css/_layout_2.less

@@ -2,6 +2,7 @@
   > .layui-side {
     width: 260px;
     display: block !important;
+    box-shadow: none !important;
     background-color: @mainColor;
 
     .layui-logo {

+ 2 - 2
public/static/theme/css/_layout_2_blue.less

@@ -4,8 +4,8 @@
 .layui-layout-theme-blue-2 {
 
   @iconWidth: 100px !important;
-  @mainColor: #0E54C4 !important;
-  @textColor: #0E54C4 !important;
+  @mainColor: #3963bc !important;
+  @textColor: @mainColor;
 
   @import (multiple)"_layout_2.less";
 }

+ 2 - 0
public/static/theme/css/_layout_white.less

@@ -2,8 +2,10 @@
 @import "_config.less";
 
 .layui-layout-theme-white {
+
   > .layui-layout-admin {
     > .layui-side {
+      box-shadow: none;
       background-color: #fff !important;
 
       .layui-logo {

File diff suppressed because it is too large
+ 0 - 0
public/static/theme/css/console.css


File diff suppressed because it is too large
+ 0 - 0
public/static/theme/css/console.css.map


Some files were not shown because too many files changed in this diff