style

src/views/Home.vue

@@ -206,7 +206,7 @@
                   v-for="item in linkSystems"
                   :key="item.path"
                   type="text"
-                  style="margin-right: 30px;color:#333"
+                  style="margin-right: 18px;color:#333;padding:12px;"
                 >
                   <img :src="item.icon" v-if="item.icon" width="20" height="20" style="vertical-align: middle;">
                   {{item.name}}
@@ -879,28 +879,6 @@ export default {
 <style lang="scss">
 @import "../styles/theme-vars.scss";
 
-.notice_item:hover {
-  color: #409eff;
-}
-.notice_poper {
-  max-height: 500px;
-  overflow-y: auto;
-  .notice-nav-box {
-    display: flex;
-    padding-top: 12px;
-    padding-left: 5px;
-    .notice-nav-item {
-      cursor: pointer;
-      line-height: 2;
-      margin-right: 30px;
-      position: relative;
-    }
-  }
-  .notice-nav-active {
-    color: #409eff;
-    border-bottom: 2px solid #409eff;
-  }
-}
 #containercon {
   width: 100%;
   position: absolute;
@@ -1164,17 +1142,9 @@ export default {
           align-items: center;
           margin-right: 50px;
           color: $theme-color;
-        }
-        .item {
-          padding: 4px;
-          position: absolute;
-          top: 14px;
-          left: 110px;
-          border: 1px solid #ccc;
-          border-radius: 4px;
-        }
-        .item:hover {
-          color: #5882ef;
+          .el-button:hover {
+            background: #ecf2fe;
+          }
         }
         .userinfo-inner {
           cursor: pointer;
@@ -1191,6 +1161,14 @@ export default {
         .userinfo-inner:hover {
           color: #5882ef;
         }
+
+        .icon-box-item {
+          padding: 12px;
+          border-radius: 4px;
+          &:hover {
+            background: #ecf2fe;
+          }
+        }
       }
     }
     .right_section {
@@ -1203,7 +1181,7 @@ export default {
     }
     .content-container {
       height: calc(100vh - 90px);
-      background: #f5f7f9;
+      background: #F2F6FA;
       // position: relative;
       overflow-y: auto;
       position: absolute;
@@ -1240,7 +1218,6 @@ export default {
           padding: 0 30px 20px;
           box-sizing: border-box;
           overflow: auto;
-          background: #f5f7f9;
         }
         .note_entrance {
           display: inline-block;