GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 07:28:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix userprofile

Browse Source
This commit is contained in:
jxxghp
2023-07-23 20:12:41 +08:00
parent 35a556ec02
commit 191283d72d
1 changed files with 76 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/components/UserProfile.vue
+76 -93
View File
@@ -19,107 +19,90 @@ const accountInfo: any = inject('accountInfo')
</script> </script>
<template> <template>
<VBadge <VAvatar
dot class="cursor-pointer"
location="bottom right" color="primary"
offset-x="3" variant="tonal"
offset-y="3"
color="success"
bordered
> >
<VAvatar <VImg :src="accountInfo.avatar" />
class="cursor-pointer"
color="primary" <!-- SECTION Menu -->
variant="tonal" <VMenu
activator="parent"
width="230"
location="bottom end"
offset="14px"
> >
<VImg :src="accountInfo.avatar" /> <VList>
<!-- 👉 User Avatar & Name -->
<VListItem>
<template #prepend>
<VListItemAction start>
<VAvatar
color="primary"
variant="tonal"
>
<VImg :src="accountInfo.avatar" />
</VAvatar>
</VListItemAction>
</template>
<!-- SECTION Menu --> <VListItemTitle class="font-weight-semibold">
<VMenu {{ accountInfo.is_superuser ? "管理员" : "普通用户" }}
activator="parent" </VListItemTitle>
width="230" <VListItemSubtitle>{{ accountInfo.name }}</VListItemSubtitle>
location="bottom end" </VListItem>
offset="14px" <VDivider class="my-2" />
>
<VList>
<!-- 👉 User Avatar & Name -->
<VListItem>
<template #prepend>
<VListItemAction start>
<VBadge
dot
location="bottom right"
offset-x="3"
offset-y="3"
color="success"
>
<VAvatar
color="primary"
variant="tonal"
>
<VImg :src="accountInfo.avatar" />
</VAvatar>
</VBadge>
</VListItemAction>
</template>
<VListItemTitle class="font-weight-semibold"> <!-- 👉 Profile -->
{{ accountInfo.is_superuser ? "管理员" : "普通用户" }} <VListItem
</VListItemTitle> link
<VListItemSubtitle>{{ accountInfo.name }}</VListItemSubtitle> to="setting"
</VListItem> >
<VDivider class="my-2" /> <template #prepend>
<VIcon
class="me-2"
icon="mdi-account-outline"
size="22"
/>
</template>
<!-- 👉 Profile --> <VListItemTitle>设定</VListItemTitle>
<VListItem </VListItem>
link
to="setting"
>
<template #prepend>
<VIcon
class="me-2"
icon="mdi-account-outline"
size="22"
/>
</template>
<VListItemTitle>设定</VListItemTitle> <!-- 👉 FAQ -->
</VListItem> <VListItem
href="https://github.com/jxxghp/MoviePilot/blob/main/README.md"
target="_blank"
>
<template #prepend>
<VIcon
class="me-2"
icon="mdi-help-circle-outline"
size="22"
/>
</template>
<!-- 👉 FAQ --> <VListItemTitle>帮助</VListItemTitle>
<VListItem </VListItem>
href="https://github.com/jxxghp/MoviePilot/blob/main/README.md"
target="_blank"
>
<template #prepend>
<VIcon
class="me-2"
icon="mdi-help-circle-outline"
size="22"
/>
</template>
<VListItemTitle>帮助</VListItemTitle> <!-- Divider -->
</VListItem> <VDivider class="my-2" />
<!-- Divider --> <!-- 👉 Logout -->
<VDivider class="my-2" /> <VListItem @click="logout">
<template #prepend>
<VIcon
class="me-2"
icon="mdi-logout"
size="22"
/>
</template>
<!-- 👉 Logout --> <VListItemTitle>注销</VListItemTitle>
<VListItem @click="logout"> </VListItem>
<template #prepend> </VList>
<VIcon </VMenu>
class="me-2" <!-- !SECTION -->
icon="mdi-logout" </VAvatar>
size="22"
/>
</template>
<VListItemTitle>注销</VListItemTitle>
</VListItem>
</VList>
</VMenu>
<!-- !SECTION -->
</VAvatar>
</VBadge>
</template> </template>