style:个人中心
Showing
2 changed files
with
11 additions
and
10 deletions
| ... | @@ -9,10 +9,17 @@ | ... | @@ -9,10 +9,17 @@ |
| 9 | </div> | 9 | </div> |
| 10 | <div class="right-menu"> | 10 | <div class="right-menu"> |
| 11 | <svg-icon class="function" icon-class='function' /> | 11 | <svg-icon class="function" icon-class='function' /> |
| 12 | <div class="avatar-wrapper right-menu-item hover-effect"> | 12 | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand"> |
| 13 | <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> | 13 | <div class="avatar-wrapper"> |
| 14 | <span style="margin-left: 10px;">{{ name }}</span> | 14 | <span style="padding-right:10px">{{ name }}</span> |
| 15 | </div> | 15 | <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> |
| 16 | <!-- <i class="el-icon-caret-bottom" /> --> | ||
| 17 | </div> | ||
| 18 | <el-dropdown-menu slot="dropdown"> | ||
| 19 | <el-dropdown-item command="a">个人中心</el-dropdown-item> | ||
| 20 | </el-dropdown-menu> | ||
| 21 | </el-dropdown> | ||
| 22 | |||
| 16 | 23 | ||
| 17 | <svg-icon class="shutdown" icon-class='shutdown' /> | 24 | <svg-icon class="shutdown" icon-class='shutdown' /> |
| 18 | </div> | 25 | </div> |
| ... | @@ -60,11 +67,6 @@ export default { | ... | @@ -60,11 +67,6 @@ export default { |
| 60 | if (command == 'a') { | 67 | if (command == 'a') { |
| 61 | //个人中心 | 68 | //个人中心 |
| 62 | this.$router.push({ name: 'personal' }) | 69 | this.$router.push({ name: 'personal' }) |
| 63 | } else if (command == 'f') { | ||
| 64 | // 退出 | ||
| 65 | this.$store.dispatch('user/logout') | ||
| 66 | this.$router.push(`/login?redirect=${this.$route.fullPath}`) | ||
| 67 | window.sessionStorage.clear() | ||
| 68 | } | 70 | } |
| 69 | } | 71 | } |
| 70 | } | 72 | } | ... | ... |
-
Please register or sign in to post a comment