修改后台样式

app/admin/view/config/system.html

@@ -92,4 +92,15 @@
         <button class="layui-btn" type="submit">保存配置</button>
         <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消修改吗？" data-close>取消修改</button>
     </div>
-</form>
+</form>
+
+<script>
+    layui.form.render();
+    $('[name="site_theme"]').on('click', function () {
+        var alls = '', that = this, prox = 'layui-layout-theme-', curt = prox + that.value;
+        $('[name="site_theme"]').map(function () {
+            if (this.value !== that.value) alls += ' ' + prox + this.value;
+        });
+        $('.layui-layout-admin').removeClass(alls).addClass(curt)
+    });
+</script>

app/admin/view/index/layout-left.html

@@ -1,10 +1,9 @@
 <div class="layui-side notselect">
     <a class="layui-side-target" data-target-menu-type></a>
     <a class="layui-logo layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
-        {:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
+        <span class="headimg headimg-no headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
+        <span class="headtxt">{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}</span>
     </a>
-    <a class="layui-logo-mini layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
-        <span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
     </a>
     <div class="layui-side-scroll">
         <div class="layui-side-icon">

public/static/theme/css/_layout.less

@@ -30,10 +30,6 @@
       padding: 0;
       white-space: nowrap;
 
-      .layui-logo {
-        display: block;
-      }
-
       .layui-logo-hide {
         width: 50px !important;
         padding: 0 !important;
@@ -146,28 +142,30 @@
     overflow: hidden;
     background-color: @LeftMainBackColor;
 
-    .layui-logo,
+    .layui-logo {
-    .layui-logo-mini {
       color: #FFF;
       width: auto;
       height: @TopHeaderHeight;
       display: block;
       overflow: hidden;
       position: relative;
-      font-size: 18px;
       text-align: center;
       line-height: @TopHeaderHeight;
       border-bottom: 1px solid rgba(0, 0, 0, .15);
 
-      sup {
+      .headimg {
-        font-size: 9px;
+        margin: 0 10px 0 0;
-        line-height: 9px;
-        padding-left: 5px;
       }
-    }
 
-    .layui-logo-mini {
+      .headtxt {
-      display: none;
+        font-size: 18px;
+
+        sup {
+          font-size: 9px;
+          line-height: 9px;
+          padding-left: 5px;
+        }
+      }
     }
 
     .layui-nav-bar {
@@ -210,7 +208,6 @@
       .layui-nav-item {
         > a {
           background: rgba(100, 100, 100, .30) !important;
-          border-bottom: 1px solid rgba(0, 0, 0, .20);
 
           &:hover {
             background-color: rgba(100, 100, 100, .35) !important;
@@ -344,11 +341,14 @@
   > .layui-side {
 
     .layui-logo {
-      display: none;
+      .headimg {
-    }
+        margin: 0;
+        display: inline-block;
+      }
 
-    .layui-logo-mini {
+      .headtxt {
-      display: block;
+        display: none;
+      }
     }
 
     .layui-nav-more {

public/static/theme/css/_layout.white.less

@@ -1,3 +1,6 @@
+@charset "UTF-8";
+@import "_config.less";
+
 .layui-layout-theme-white {
   &.layui-layout-left-mini {
     > .layui-side .layui-side-target:before {
@@ -28,14 +31,14 @@
 
   > .layui-body {
     > .think-page-body > .layui-card > .layui-card-header {
-      height: 50px;
+      //height: 50px;
-      line-height: 50px;
+      //line-height: 50px;
       box-sizing: border-box;
       box-shadow: none !important;
       border-bottom: @TopHeaderBottomLine;
 
       + .layui-card-body {
-        top: 50px;
+        //top: 50px;
       }
     }
   }
@@ -75,15 +78,10 @@
       border-bottom-left-radius: 100%;
     }
 
-    .layui-logo,
+    .layui-logo {
-    .layui-logo-mini {
       color: #333;
       box-shadow: none;
       font-weight: bold;
-
-      .headimg {
-        margin: 0 !important;
-      }
     }
 
     .layui-side-scroll {

public/static/theme/css/console.css

@@ -1708,9 +1708,6 @@ fieldset legend {
   padding: 0;
   white-space: nowrap;
 }
-.layui-layout > .layui-header > ul.layui-nav .layui-logo {
-  display: block;
-}
 .layui-layout > .layui-header > ul.layui-nav .layui-logo-hide {
   width: 50px !important;
   padding: 0 !important;
@@ -1799,28 +1796,28 @@ fieldset legend {
   overflow: hidden;
   background-color: #393D49 !important;
 }
-.layui-layout > .layui-side .layui-logo,
+.layui-layout > .layui-side .layui-logo {
-.layui-layout > .layui-side .layui-logo-mini {
   color: #FFF;
   width: auto;
   height: 50px;
   display: block;
   overflow: hidden;
   position: relative;
-  font-size: 18px;
   text-align: center;
   line-height: 50px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }
-.layui-layout > .layui-side .layui-logo sup,
+.layui-layout > .layui-side .layui-logo .headimg {
-.layui-layout > .layui-side .layui-logo-mini sup {
+  margin: 0 10px 0 0;
+}
+.layui-layout > .layui-side .layui-logo .headtxt {
+  font-size: 18px;
+}
+.layui-layout > .layui-side .layui-logo .headtxt sup {
   font-size: 9px;
   line-height: 9px;
   padding-left: 5px;
 }
-.layui-layout > .layui-side .layui-logo-mini {
-  display: none;
-}
 .layui-layout > .layui-side .layui-nav-bar {
   display: none !important;
 }
@@ -1864,7 +1861,6 @@ fieldset legend {
 }
 .layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a {
   background: rgba(100, 100, 100, 0.3) !important;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 .layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a:hover {
   background-color: rgba(100, 100, 100, 0.35) !important;
@@ -1968,11 +1964,12 @@ fieldset legend {
 .layui-layout-left-mini > .layui-body > .think-page-body > .layui-card > .layui-card-header {
   left: 50px !important;
 }
-.layui-layout-left-mini > .layui-side .layui-logo {
+.layui-layout-left-mini > .layui-side .layui-logo .headimg {
-  display: none;
+  margin: 0;
+  display: inline-block;
 }
-.layui-layout-left-mini > .layui-side .layui-logo-mini {
+.layui-layout-left-mini > .layui-side .layui-logo .headtxt {
-  display: block;
+  display: none;
 }
 .layui-layout-left-mini > .layui-side .layui-nav-more {
   display: none !important;
@@ -2053,15 +2050,10 @@ fieldset legend {
   background: none !important;
 }
 .layui-layout-theme-white > .layui-body > .think-page-body > .layui-card > .layui-card-header {
-  height: 50px;
-  line-height: 50px;
   box-sizing: border-box;
   box-shadow: none !important;
   border-bottom: 1px solid rgba(0, 0, 0, 0.16);
 }
-.layui-layout-theme-white > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
-  top: 50px;
-}
 .layui-layout-theme-white .layui-side {
   background-color: #fff !important;
 }
@@ -2095,16 +2087,11 @@ fieldset legend {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.layui-layout-theme-white .layui-side .layui-logo,
+.layui-layout-theme-white .layui-side .layui-logo {
-.layui-layout-theme-white .layui-side .layui-logo-mini {
   color: #333;
   box-shadow: none;
   font-weight: bold;
 }
-.layui-layout-theme-white .layui-side .layui-logo .headimg,
-.layui-layout-theme-white .layui-side .layui-logo-mini .headimg {
-  margin: 0 !important;
-}
 .layui-layout-theme-white .layui-side .layui-side-scroll {
   display: flex !important;
   box-sizing: border-box;