style:首页头部

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668671631108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1959" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M992 255.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32zM992 544H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32s-14.3 32-32 32zM992 832.3H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32z" p-id="1960" fill="#ffffff"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668673450787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3461" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M313.67168 153.53856a40.96 40.96 0 0 1 39.7312 71.65952A327.53664 327.53664 0 0 0 184.32 512c0 180.98176 146.69824 327.68 327.68 327.68s327.68-146.69824 327.68-327.68c0-116.67456-61.44-222.65856-159.78496-281.45664a40.96 40.96 0 1 1 42.04544-70.30784A409.35424 409.35424 0 0 1 921.6 512c0 226.22208-183.37792 409.6-409.6 409.6S102.4 738.22208 102.4 512A409.43616 409.43616 0 0 1 313.67168 153.53856z" fill="#ffffff" p-id="3462"></path><path d="M471.04 102.4m40.96 0l0 0q40.96 0 40.96 40.96l0 409.6q0 40.96-40.96 40.96l0 0q-40.96 0-40.96-40.96l0-409.6q0-40.96 40.96-40.96Z" fill="#ffffff" p-id="3463"></path></svg>
\ No newline at end of file

@@ -8,16 +8,15 @@
         <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
       </div>
       <div class="right-menu">
+        <svg-icon class="function" icon-class='function' />
         <el-dropdown class="avatar-container right-menu-item hover-effect" @command="handleCommand">
           <div class="avatar-wrapper">
-            <span style="padding-right:10px">{{ name }}</span>
             <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
+            <span style="margin-left: 10px;">{{ name }}</span>
           </div>
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="a">个人中心</el-dropdown-item>
-            <el-dropdown-item command="f">退出登录</el-dropdown-item>
-          </el-dropdown-menu>
         </el-dropdown>
+
+        <svg-icon class="shutdown" icon-class='shutdown' />
       </div>
     </div>
     <NoticeBar class="NoticeBar" :noticeList="noticeList" />
@@ -160,6 +159,19 @@ export default {
     float: right;
     height: 100%;
     line-height: 50px;
+    display: flex;
+    align-items: center;
+
+    .function {
+      margin: 0 15px;
+      cursor: pointer;
+    }
+
+    .shutdown {
+      font-size: 20px;
+      margin-left: 15px;
+      cursor: pointer;
+    }
 
     .organization-item {
       margin-right: 40px;
@@ -191,7 +203,6 @@ export default {
 
     .right-menu-item {
       display: inline-block;
-      padding: 0 8px;
       height: 100%;
       font-size: 18px;
       color: #fff;