style:头部样式的修改

@@ -23,3 +23,5 @@ yarn-error.log*
 *.sw?
 *.sw?
 
 
 package-lock.json
 package-lock.json
+
+public/config.json

@@ -9,17 +9,16 @@
       </div>
       </div>
       <div class="right-menu">
       <div class="right-menu">
         <svg-icon class="function" icon-class='function' />
         <svg-icon class="function" icon-class='function' />
-        <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
+        <!-- <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="a">个人中心</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown> -->
         <div class="avatar-wrapper">
         <div class="avatar-wrapper">
           <span style="padding-right:10px">{{ name }}</span>
           <span style="padding-right:10px">{{ name }}</span>
           <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
           <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
           <!-- <i class="el-icon-caret-bottom" /> -->
           <!-- <i class="el-icon-caret-bottom" /> -->
         </div>
         </div>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="a">个人中心</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
-
 
 
         <svg-icon class="shutdown" @click.native="logout" icon-class='shutdown' />
         <svg-icon class="shutdown" @click.native="logout" icon-class='shutdown' />
       </div>
       </div>
@@ -28,12 +27,12 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import { mapGetters } from 'vuex'
-import NoticeBar from '@/components/NoticeBar/index'
-import {
+  import { mapGetters } from 'vuex'
+  import NoticeBar from '@/components/NoticeBar/index'
+  import {
     getHomeNoticeList
     getHomeNoticeList
-} from "@/api/user"
-export default {
+  } from "@/api/user"
+  export default {
     components: {
     components: {
       NoticeBar
       NoticeBar
     },
     },
@@ -91,21 +90,21 @@ export default {
         }
         }
       }
       }
     }
     }
-}
+  }
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-.navbar-con {
+  .navbar-con {
     position: relative;
     position: relative;
-}
+  }
 
 
-.NoticeBar {
+  .NoticeBar {
     position: absolute;
     position: absolute;
     bottom: 0;
     bottom: 0;
-}
+  }
 
 
-.el-dropdown-menu {
+  .el-dropdown-menu {
     padding: 0 !important;
     padding: 0 !important;
-  border: 1px solid #EBEEF5;
+    border: 1px solid #ebeef5;
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     border-radius: 4px 0 0 4px 4px;
     border-radius: 4px 0 0 4px 4px;
 
 
@@ -115,14 +114,14 @@ export default {
       font-size: 14px;
       font-size: 14px;
       font-family: PingFangSC-Regular, PingFang SC;
       font-family: PingFangSC-Regular, PingFang SC;
       font-weight: 400;
       font-weight: 400;
-    color: #4A4A4A;
+      color: #4a4a4a;
       width: 140px;
       width: 140px;
       height: 36px;
       height: 36px;
       line-height: 36px;
       line-height: 36px;
     }
     }
 
 
     .el-dropdown-menu__item:nth-child(6) {
     .el-dropdown-menu__item:nth-child(6) {
-    border-top: 1px solid #EBEEF5;
+      border-top: 1px solid #ebeef5;
     }
     }
 
 
     .popper__arrow {
     .popper__arrow {
@@ -133,12 +132,12 @@ export default {
 
 
     .el-dropdown-menu__item:not(.is-disabled):hover,
     .el-dropdown-menu__item:not(.is-disabled):hover,
     .el-dropdown-menu__item:focus {
     .el-dropdown-menu__item:focus {
-    background: #F6F7F9;
-    color: #4A4A4A;
+      background: #f6f7f9;
+      color: #4a4a4a;
+    }
   }
   }
-}
 
 
-.navbar {
+  .navbar {
     height: $headerHeight;
     height: $headerHeight;
     overflow: hidden;
     overflow: hidden;
     position: relative;
     position: relative;
@@ -157,7 +156,7 @@ export default {
     .backdrop {
     .backdrop {
       flex: 1;
       flex: 1;
       width: 60%;
       width: 60%;
-    background: url('../../image/backdrop.png');
+      background: url("../../image/backdrop.png");
       background-size: 100% 100%;
       background-size: 100% 100%;
       height: $headerHeight;
       height: $headerHeight;
     }
     }
@@ -248,6 +247,7 @@ export default {
         display: flex;
         display: flex;
         height: 40px;
         height: 40px;
         align-items: center;
         align-items: center;
+        color: #ffffff;
 
 
         .user-avatar {
         .user-avatar {
           cursor: pointer;
           cursor: pointer;
@@ -265,5 +265,5 @@ export default {
         }
         }
       }
       }
     }
     }
-}
+  }
 </style>
 </style>