flykhan
/
kos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加登录后显示用户头像

This commit is contained in:
flykhan 2023-02-22 10:27:27 +08:00
parent f1101db237
commit 181a8f0c7b
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/NavBar.vue
View File

@ -27,6 +27,7 @@
> >
</li> </li>
</ul> </ul>
<!-- 判断是否登录成功:如果登录成功,则修改导航栏这部分内容 --> <!-- 判断是否登录成功:如果登录成功,则修改导航栏这部分内容 -->
<ul class="navbar-nav" v-if="$store.state.user.is_login"> <ul class="navbar-nav" v-if="$store.state.user.is_login">
<!-- 下拉菜单样式 --> <!-- 下拉菜单样式 -->
@ -38,7 +39,8 @@
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
{{ $store.state.user.username }} <img class="user_photo" :src="$store.state.user.photo" alt="" />
<!-- {{ $store.state.user.username }} -->
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
@ -109,4 +111,13 @@ export default {
}; };
</script> </script>
<style scoped></style> <style scoped>
.user_photo {
width: 30px;
height: 30px;
border-radius: 15%;
margin: auto;
/* display: flex;
align-items: center; */
}
</style>