fix(Footer): 优化更多菜单的激活状态计算逻辑

This commit is contained in:
jxxghp
2025-02-18 08:12:16 +08:00
parent c314d49e11
commit 114f2a2dd0
2 changed files with 7 additions and 7 deletions
+1 -1
View File
@@ -113,7 +113,7 @@ onMounted(() => {
</VToolbarItems> </VToolbarItems>
</VToolbar> </VToolbar>
</div> </div>
<VCardText class="pt-2 px-0"> <VCardText class="px-0 py-0 my-0">
<VDataTable <VDataTable
v-model:items-per-page="resourceItemsPerPage" v-model:items-per-page="resourceItemsPerPage"
:headers="resourceHeaders" :headers="resourceHeaders"
+6 -6
View File
@@ -21,15 +21,15 @@ const activeState = computed(() => {
} }
}) })
const currentPath = computed(() => route.path) const moreActiveState = computed(() => {
return !Object.values(activeState.value).some(v => v)
})
const toggleMoreMenu = () => { const currentPath = computed(() => route.path)
moreMenuDialog.value = !moreMenuDialog.value
}
</script> </script>
<template> <template>
<div v-if="appMode" class="w-100" style="block-size: calc(3.5rem + env(safe-area-inset-bottom))"> <div v-if="appMode" class="w-100">
<VBottomNavigation <VBottomNavigation
grow grow
horizontal horizontal
@@ -58,7 +58,7 @@ const toggleMoreMenu = () => {
<VIcon <VIcon
size="28" size="28"
:icon="moreMenuDialog ? 'mdi-close' : 'mdi-dots-horizontal'" :icon="moreMenuDialog ? 'mdi-close' : 'mdi-dots-horizontal'"
:color="moreMenuDialog ? 'primary' : ''" :color="moreActiveState ? 'primary' : ''"
/> />
<VMenu v-model="moreMenuDialog" close-on-content-click activator="parent"> <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
<VDivider /> <VDivider />