From 43263419eec3d2e15eefa1dfcd403f71f279e3e0 Mon Sep 17 00:00:00 2001 From: 唐耀东 <18861537@qq.com> Date: 星期二, 12 四月 2022 00:55:13 +0800 Subject: [PATCH] 问题修改 --- src/layout/components/Navbar.vue | 26 ++++++++++++++++++++++---- 1 files changed, 22 insertions(+), 4 deletions(-) diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 31d9b3c..267c6d9 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -18,9 +18,12 @@ <!--</template>--> <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> - <div class="avatar-wrapper"> - <img :src="avatar" class="user-avatar"> - <i class="el-icon-caret-bottom" /> + <div class="avatar-wrapper" style="float: left; font-size: 14px;"> + <!--<img :src="avatar" class="user-avatar">--> + <!--<i class="el-icon-caret-bottom" />--> + <i class="el-icon-user" style="margin-right: 5px;"></i> + <span style="margin-right: 5px;">{{ user.nickName }}</span> + <i class="el-icon-arrow-down"></i> </div> <el-dropdown-menu slot="dropdown"> <router-link to="/user/profile"> @@ -48,6 +51,7 @@ import Search from '@/components/HeaderSearch' import RuoYiGit from '@/components/RuoYi/Git' import RuoYiDoc from '@/components/RuoYi/Doc' +import { getUserProfile } from "@/api/system/user"; export default { components: { @@ -64,7 +68,8 @@ ...mapGetters([ 'sidebar', 'avatar', - 'device' + 'device', + 'name' ]), setting: { get() { @@ -83,7 +88,20 @@ } } }, + data() { + return { + user: {} + } + }, + created() { + this.getUser(); + }, methods: { + getUser() { + getUserProfile().then(response => { + this.user = response.data.user; + }); + }, toggleSideBar() { this.$store.dispatch('app/toggleSideBar') }, -- Gitblit v1.9.1