暂存

css/base.css

@@ -873,4 +873,38 @@ a {
 button {
   border: none;
   outline: none;
+}
+
+/* SVG和文本垂直居中对齐 */
+.iconfont {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
+/* 或者使用更精确的对齐方式 */
+a .iconfont {
+    display: inline-flex;
+    align-items: center;
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
+/* 确保链接内的所有元素都垂直居中 */
+a {
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+}
+
+/* 如果只想针对特定导航使用 */
+.aside-left a {
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+}
+
+.aside-left a .iconfont {
+    margin-right: 5px;
+    flex-shrink: 0;
 }

source/index/public/header.php

@@ -31,7 +31,7 @@ if ($notice) { ?>
 <header>
     <div class="container">
         <div class="header clearfix">
-            <a class="header-left block fl mt10" href="<?php echo IN_PATH ?>">
+            <a class="header-left block fl nav-logo" href="<?php echo IN_PATH ?>">
                 <img src="/data/image/IN_LOGO.png"
                      class="img-responsive hidden-xs">
                 <img src="/data/image/IN_LOGO.png"

static/index/css/main.css

@@ -324,16 +324,21 @@
 }
 
 .crumbs {
-    padding: 15px 0;
-    color: #666;
+    padding: 20px 0 30px;
+    color: rgba(143, 149, 159, 1);
+    font-size: 16px;
+    line-height: 35px;
+    font-family: Source Han Sans SC;
 }
 
 .crumbs a {
-    color: #333;
+    color: rgba(21, 21, 21, 1);
+    font-weight: 500;
 }
 
 .crumbs span {
     margin: 0 10px;
+    color: rgba(21, 21, 21, 1);
 }
 
 .warn-prompt {
@@ -404,6 +409,9 @@ header {
     position: relative;
     z-index: 2;
     background: #326dfa;
+    background: url("../image/nav_bg.png") no-repeat center;
+    background-size: cover;
+    height: 74px;
 }
 
 .header {
@@ -412,13 +420,17 @@ header {
 }
 
 .header .header-left img.hidden-xs {
-    width: 160px;
-    height: 53px;
+    width: 162px;
+    height: 47px;
     display: block;
 }
 
+.header .nav-logo {
+    margin-top: 14px;
+}
+
 .header .ms-nav {
-    margin: 20px 0 0 35px;
+    margin: 26px 0 0 35px;
 }
 
 .header .ms-nav>li {
@@ -444,7 +456,7 @@ header {
 }
 
 .header .login {
-    margin-top: 10px;
+    margin-top: 18px;
 }
 
 .header .login li {
@@ -524,7 +536,7 @@ header {
 
 .login-in .login-user {
     cursor: pointer;
-    padding-top: 20px;
+    padding-top: 24px;
     height: 100%;
 }
 
@@ -535,7 +547,7 @@ header {
 .login-in .name-certified {
     color: #348dee;
     margin-right: 10px;
-    padding-top: 20px;
+    padding-top: 25px;
 }
 
 .login-in .icon-arrow-bottom {
@@ -600,7 +612,7 @@ header {
 
 /*通知中心*/
 .header .login-in .notification {
-    padding-top: 16px;
+    padding-top: 22px;
     margin-right: 2px;
     position: relative;
     cursor: pointer;
@@ -9765,30 +9777,75 @@ p {}
 */
 
 aside.aside-left {
-    padding-top: 15px;
+    padding-top: 20px;
 }
 
 aside.aside-left ul li {
-    margin-bottom: 10px;
+    margin-bottom: 8px;
 }
 
 aside.aside-left ul li a {
-    padding-left: 25px;
+    padding-left: 40px;
     display: block;
-    height: 50px;
-    line-height: 50px;
+    height: 60px;
+    line-height: 60px;
     border-left: 4px solid transparent;
-    color: #333;
+    color: rgba(21, 21, 21, 1);
+    font-family: Source Han Sans SC;
+    font-weight: 500;
+    font-size: 16px;
 }
 
 aside.aside-left ul li a .iconfont {
-    margin-right: 10px;
-    color: #157df1;
+    margin-right: 12px;
+    font-size: 24px;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    position: relative;
+    display: inline-block;
+}
+
+aside.aside-left ul li a .iconfont::before {
+    content: "";
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+    width: 24px;
+    height: 24px;
+    display: inline-block;
+    position: absolute;
+    top: 5px;
+    left: 0;
+}
+aside.aside-left ul li a .iconfont.icon-upload1::before {
+    background-image: url(../image/inner-nav/nav-2.png);
+}
+aside.aside-left ul li a .iconfont.icon-41::before {
+    background-image: url(../image/inner-nav/nav-3.png);
+}
+aside.aside-left ul li a .iconfont.icon-liulanqi::before {
+    background-image: url(../image/inner-nav/nav-1.png);
+}
+aside.aside-left ul li a .iconfont.icon-erweima::before {
+    background-image: url(../image/inner-nav/nav-4.png);
+}
+aside.aside-left ul li a .iconfont.icon-jilu::before {
+    background-image: url(../image/inner-nav/nav-1.png);
+}
+aside.aside-left ul li a .iconfont.icon-pwd::before {
+    background-image: url(../image/inner-nav/nav-1.png);
+}
+aside.aside-left ul li a .iconfont.icon-gongju::before {
+    background-image: url(../image/inner-nav/nav-1.png);
+}
+aside.aside-left ul li a .iconfont.icon-jilu::before {
+    background-image: url(../image/inner-nav/nav-5.png);
 }
 
 aside.aside-left ul li.active a {
     background-color: #e7f2fe;
-    border-color: #157df1;
+    border-color: rgba(33, 104, 251, 1);
     color: #157df1;
 }
 
@@ -9801,9 +9858,9 @@ aside.aside-left ul li.active a .icon-upload1 {
 }
 
 aside.aside-left ul li:hover a {
-    background-color: #e7f2fe;
+    background-color: rgba(231, 242, 254, 1);
     border-color: #157df1;
-    color: #157df1;
+    color: rgba(33, 104, 251, 1);
 }
 
 aside.aside-left ul li:hover a .iconfont {