20250422 页面布局调整

application/admin/view/common/menu.html

@@ -12,17 +12,17 @@
     </div>
 
     <!-- 菜单搜索 -->
-    <form action="" method="get" class="sidebar-form" onsubmit="return false;">
-        <div class="input-group">
-            <input type="text" name="q" class="form-control" placeholder="{:__('Search menu')}">
-            <span class="input-group-btn">
-                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
-                </button>
-            </span>
-            <div class="menuresult list-group sidebar-form hide">
-            </div>
-        </div>
-    </form>
+<!--    <form action="" method="get" class="sidebar-form" onsubmit="return false;">-->
+<!--        <div class="input-group">-->
+<!--            <input type="text" name="q" class="form-control" placeholder="{:__('Search menu')}">-->
+<!--            <span class="input-group-btn">-->
+<!--                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>-->
+<!--                </button>-->
+<!--            </span>-->
+<!--            <div class="menuresult list-group sidebar-form hide">-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    </form>-->
 
     <!-- 移动端一级菜单 -->
     <div class="mobilenav visible-xs">

public/assets/css/backend.css

@@ -277,7 +277,9 @@ body {
   height: 100%;
 }
 body {
-  background: #f1f4f6;
+  background-image: url(/assets/img/body.jpg);
+  /*background: #f1f4f6;*/
+  /*background: #fffffffa;*/
   font-size: 14px;
   line-height: 1.5715;
 }
@@ -643,12 +645,14 @@ form.form-horizontal .control-label {
   border: none;
   border-right: 1px solid rgba(0, 0, 0, 0.05);
   margin: 0;
-  color: #95a5a6;
+  /*color: #95a5a6;*/
+  color: #ffffff;
 }
 .nav-addtabs > li > a:hover,
 .nav-addtabs > li > a:focus {
   border: none;
-  color: #2c3e50;
+  /*color: #2c3e50;*/
+  color: #ffffff;
   border-right: 1px solid rgba(0, 0, 0, 0.02);
 }
 .nav-addtabs > li.active > a {
@@ -703,6 +707,9 @@ form.form-horizontal .control-label {
   border-bottom: 1px solid transparent;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
   position: relative;
+  /*background-color: #0db9a9;*/
+  /*background-color: #00bcd4;*/
+  background-image: url("/assets/img/banner.jpg");
 }
 #firstnav .sidebar-toggle {
   position: absolute;
@@ -1540,7 +1547,8 @@ table.table-nowrap thead > tr > th {
   transform: rotate(-90deg);
 }
 .sidebar-menu .treeview-menu > li {
-  margin: 4px 0 4px 0;
+  /*margin: 4px 0 4px 0;*/
+  margin: 3px 0 1px 0;
 }
 .bootstrap-tagsinput {
   background-color: #fff;

public/assets/css/skins/skin-black-blue.css

@@ -3,7 +3,8 @@
  * -----------
  */
 .skin-black-blue .main-header {
-  background: #222d32;
+  /*background: #222d32;*/
+  background: #1f8064;
   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 }
@@ -11,7 +12,8 @@
   background-color: #fff;
 }
 .skin-black-blue .main-header .navbar .nav > li > a {
-  color: #666;
+  /*color: #666;*/
+  color: #ffffff;
 }
 .skin-black-blue .main-header .navbar .nav > li > a:hover,
 .skin-black-blue .main-header .navbar .nav > li > a:active,
@@ -21,16 +23,20 @@
 .skin-black-blue .main-header .navbar .nav .open > a:focus,
 .skin-black-blue .main-header .navbar .nav > .active > a {
   background: rgba(0, 0, 0, 0.02);
-  color: #333;
+  /*color: #333;*/
+  color: #ffffff;
 }
 .skin-black-blue .main-header .navbar .nav-addtabs li > .close-tab {
-  color: #333;
+  /*color: #333;*/
+  color: #ffffff;
 }
 .skin-black-blue .main-header .navbar .sidebar-toggle {
-  color: #666;
+  /*color: #666;*/
+  color: #ffffff;
 }
 .skin-black-blue .main-header .navbar .sidebar-toggle:hover {
-  color: #333;
+  /*color: #333;*/
+  color: #ffffff;
   background: rgba(0, 0, 0, 0.02);
 }
 .skin-black-blue .main-header .navbar .navbar-nav > li > a {
@@ -43,7 +49,8 @@
 }
 @media (max-width: 767px) {
   .skin-black-blue .main-header .navbar {
-    background-color: #181f23;
+    /*background-color: #181f23;*/
+    background-color: #1f8064;
   }
   .skin-black-blue .main-header .navbar .nav > li > a {
     color: #fff;
@@ -70,27 +77,34 @@
   }
 }
 .skin-black-blue .main-header .logo {
-  background-color: #222d32;
+  /*background-color: #222d32;*/
+  /*background-color: #1f8064;*/
   color: #fff;
   border-bottom: 0 solid transparent;
-  border-right: 1px solid #222d32;
+  /*border-right: 1px solid #222d32;*/
+  border-right: 1px solid #1a443a;
+  background-image: url("/assets/img/banner.jpg");
 }
 .skin-black-blue .main-header .logo:hover {
-  background-color: #202a2f;
+  /*background-color: #202a2f;*/
+  background-color: #205f07;
 }
 @media (max-width: 767px) {
   .skin-black-blue .main-header .logo {
-    background-color: #181f23;
+    /*background-color: #181f23;*/
+    background-color: #1f8064;
     color: #fff;
     border-bottom: 0 solid transparent;
     border-right: none;
   }
   .skin-black-blue .main-header .logo:hover {
-    background-color: #161d20;
+    /*background-color: #161d20;*/
+    background-color: #205f07;
   }
 }
 .skin-black-blue .main-header li.user-header {
-  background-color: #222d32;
+  /*background-color: #222d32;*/
+  background-color: #1f8064;
 }
 .skin-black-blue .main-header .nav-addtabs > li > a,
 .skin-black-blue .main-header .nav-addtabs > li.active > a {
@@ -103,7 +117,9 @@
 .skin-black-blue .wrapper,
 .skin-black-blue .main-sidebar,
 .skin-black-blue .left-side {
-  background-color: #222d32;
+  /*background-color: #222d32;*/
+  /*background-color: #1f8064;*/
+  background-image: url("/assets/img/banner.jpg");
 }
 .skin-black-blue .user-panel > .info,
 .skin-black-blue .user-panel > .info > a {
@@ -119,20 +135,23 @@
 .skin-black-blue .sidebar-menu > li:hover > a,
 .skin-black-blue .sidebar-menu > li.active > a {
   color: #fff;
-  background: #1e282c;
+  /*background: #1e282c;*/
+  background: #205f07;
   border-left-color: #fff;
 }
 .skin-black-blue .sidebar-menu > li > .treeview-menu {
-  background: #181f23;
+  /*background: #181f23;*/
+  background: #1f8064;
 }
 .skin-black-blue .sidebar a {
-  color: #b8c7ce;
+  /*color: #b8c7ce;*/
+  color: #dee1e3;
 }
 .skin-black-blue .sidebar a:hover {
   text-decoration: none;
 }
 .skin-black-blue .treeview-menu > li > a {
-  color: #6c8c9b;
+  color: #abc7d5;
 }
 .skin-black-blue .treeview-menu > li.active > a,
 .skin-black-blue .treeview-menu > li > a:hover {
@@ -152,7 +171,8 @@
   height: 35px;
 }
 .skin-black-blue .sidebar-form input[type="text"] {
-  color: #666;
+  /*color: #666;*/
+  color: #ffffff;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -161,7 +181,8 @@
 .skin-black-blue .sidebar-form input[type="text"]:focus,
 .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
   background-color: #fff;
-  color: #666;
+  /*color: #666;*/
+  color: #ffffff;
 }
 .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn {
   background: #fff;
@@ -184,12 +205,15 @@
   padding-left: 18px;
 }
 .skin-black-blue .treeview-menu > li.active > a {
-  background-color: #4e73df;
+  /*background-color: #4e73df;*/
+  background-color: #205f07;
 }
 .skin-black-blue .sidebar-menu > li.active > a {
   color: #fff;
-  background: #4e73df;
-  border-left-color: #4e73df;
+  /*background: #4e73df;*/
+  background: #205f07;
+  /*border-left-color: #4e73df;*/
+  border-left-color: #205f07;
 }
 .skin-black-blue .sidebar-menu > li:hover > a {
   border-left-color: transparent;
@@ -200,8 +224,10 @@
 }
 .skin-black-blue .sidebar-menu li.treeview.active > a,
 .skin-black-blue .sidebar-menu li.treeview.treeview-open > a {
-  background-color: #181f23;
-  border-left-color: #181f23;
+  /*background-color: #181f23;*/
+  /*border-left-color: #181f23;*/
+  background-color: #1f8064;
+  border-left-color: #1f8064;
 }
 .skin-black-blue .sidebar-menu .treeview-menu {
   padding-left: 0;
@@ -219,11 +245,13 @@
 .skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
 .skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
   color: #fff;
-  background: #4e73df;
+  /*background: #4e73df;*/
+  background: #58c3b9;
 }
 .skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
   color: #fff;
-  background: #4e73df;
+  /*background: #4e73df;*/
+  background: #58c3b9;
 }
 .skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
   background: transparent;
@@ -235,7 +263,8 @@
     color: #fff;
   }
   .skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
-    background: #4e73df;
+    /*background: #4e73df;*/
+    background: #58c3b9;
     color: #fff;
   }
 }