style:个人中心

@@ -9,10 +9,17 @@
       </div>
       <div class="right-menu">
         <svg-icon class="function" icon-class='function' />
-        <div class="avatar-wrapper right-menu-item hover-effect">
-          <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
-          <span style="margin-left: 10px;">{{ name }}</span>
-        </div>
+        <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @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" />
+            <!-- <i class="el-icon-caret-bottom" /> -->
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="a">个人中心</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+
 
         <svg-icon class="shutdown" icon-class='shutdown' />
       </div>
@@ -60,11 +67,6 @@ export default {
       if (command == 'a') {
         //个人中心
         this.$router.push({ name: 'personal' })
-      } else if (command == 'f') {
-        // 退出
-        this.$store.dispatch('user/logout')
-        this.$router.push(`/login?redirect=${this.$route.fullPath}`)
-        window.sessionStorage.clear()
       }
     }
   }

@@ -5,7 +5,6 @@
       <!--顶部栏-->
       <el-header  class="home_header">
         <span class="home_title">
-          
         </span>
       </el-header>
       <el-container >