添加折叠菜单

This commit is contained in:
05412 2024-08-08 15:09:58 +08:00
parent dfc1b4a942
commit 9fcc5c48b6
4 changed files with 30 additions and 12 deletions

View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {useLocale} from "vuetify"; import { useLocale } from "vuetify";
const {t} = useLocale() const { t } = useLocale()
</script> </script>
<template> <template>
@ -9,14 +9,21 @@ const {t} = useLocale()
<v-col cols="auto"> <v-col cols="auto">
<v-sheet elevation="1" class="rounded-lg"> <v-sheet elevation="1" class="rounded-lg">
<v-list class="rounded-lg"> <v-list class="rounded-lg">
<v-list-item to="/dashboard/url-management" prepend-icon="mdi-link" append-icon="mdi-chevron-right"> <v-list-group value="Management">
<v-list-item-title>{{t('$vuetify.dashboard.menu.url-management')}}</v-list-item-title> <template v-slot:activator="{ props }">
<v-list-item v-bind="props" :title="t('$vuetify.dashboard.menu.url-management.title')" prepend-icon="mdi-link">
</v-list-item> </v-list-item>
</template>
<v-list-item to="/dashboard/url-management" prepend-icon="mdi-list-box-outline" append-icon="mdi-chevron-right"
:title="t('$vuetify.dashboard.menu.url-management.display') ">
</v-list-item>
</v-list-group>
<v-list-item to="/dashboard/profile" prepend-icon="mdi-account" append-icon="mdi-chevron-right"> <v-list-item to="/dashboard/profile" prepend-icon="mdi-account" append-icon="mdi-chevron-right">
<v-list-item-title>{{t('$vuetify.dashboard.menu.profile')}}</v-list-item-title> <v-list-item-title>{{ t('$vuetify.dashboard.menu.profile') }}</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item to="/dashboard/security" prepend-icon="mdi-security" append-icon="mdi-chevron-right"> <v-list-item to="/dashboard/security" prepend-icon="mdi-security" append-icon="mdi-chevron-right">
<v-list-item-title>{{t('$vuetify.dashboard.menu.security')}}</v-list-item-title> <v-list-item-title>{{ t('$vuetify.dashboard.menu.security') }}</v-list-item-title>
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-sheet> </v-sheet>
@ -29,5 +36,4 @@ const {t} = useLocale()
</v-row> </v-row>
</template> </template>
<style scoped> <style scoped></style>
</style>

View File

@ -46,7 +46,11 @@ const en: LocaleInterface = {
}, },
dashboard: { dashboard: {
menu: { menu: {
'url-management': 'URL Management', 'url-management': {
title: 'URL Management',
edit: 'Edit',
display: 'Display'
},
profile: 'Profile', profile: 'Profile',
security: 'Security' security: 'Security'
} }

View File

@ -43,7 +43,11 @@ export default interface LocaleInterface {
}, },
dashboard: { dashboard: {
menu: { menu: {
'url-management': string, 'url-management': {
title: string,
edit: string,
display: string
},
profile: string, profile: string,
security: string security: string
} }

View File

@ -46,7 +46,11 @@ const zhHans: LocaleInterface = {
}, },
dashboard: { dashboard: {
menu: { menu: {
'url-management': '链接管理', 'url-management': {
title: '链接管理',
edit: '编辑',
display: '查看'
},
profile: '用户信息', profile: '用户信息',
security: '安全性' security: '安全性'
} }