Quellcode durchsuchen

优化header样式

zweizhao vor 7 Jahren
Ursprung
Commit
e2cb4f54e8
2 geänderte Dateien mit 10 neuen und 5 gelöschten Zeilen
  1. BIN
      assets/img/cert/.DS_Store
  2. 10 5
      components/header.vue

BIN
assets/img/cert/.DS_Store


+ 10 - 5
components/header.vue

@@ -53,7 +53,10 @@
         <el-dropdown class="nav-dropdown">
           <el-button type="text" class="message-box" style="color: #515151;">
             <i class="el-icon-message"></i>消息
-            <span v-if="messageCount.total > 0" class="message-count message-total">{{messageCount.total}}</span>
+            <span
+              v-if="messageCount.total > 0"
+              class="message-count message-total"
+            >{{messageCount.total}}</span>
           </el-button>
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item class="message-box" @click.native="clickMessages('/message/system')">
@@ -215,13 +218,14 @@ export default {
 }
 .nav-item {
   display: flex;
-  height: 80px;
+  height: 75px;
   align-items: center;
   font-size: 15px;
   color: #515151;
+  padding: 0 15px;
   box-sizing: border-box;
 }
-.nav-item:hover {
+.nav-item:nth-child(n + 2):hover {
   color: #1782d9;
   border-top: 5px solid transparent;
   border-bottom: 5px solid #1782d9;
@@ -241,10 +245,10 @@ export default {
   position: relative;
   width: var(--imgWidth);
   height: var(--imgWidth);
-  margin-right: 10px;
+  margin-right: 5px;
 }
 .logo {
-  width: 120px;
+  width: 140px;
   height: auto;
 }
 .input {
@@ -253,6 +257,7 @@ export default {
   border-radius: 20px;
   background: #f6f6f6;
   padding: 0 40px;
+  border: 1px solid #ebebeb;
 }
 
 .el-icon-search {