feat(HeaderLayout): 添加应用版本显示功能

在头部布局中添加从主进程获取应用版本号并显示的功能,当获取失败时显示'unknown'
This commit is contained in:
zhanggy committed 2025-10-31 18:00:04 +08:00
1 parent 7bb9396c2a
commit 466c02773f
1 file changed
+32 -22
+32 -22
View File
@@ -22,35 +22,45 @@ const headerMenus: {
text: string
path: string
}[] = [
{
icon: mdiHome,
text: 'title.main',
path: '/'
},
{
icon: mdiFitToScreenOutline,
text: 'title.second',
path: '/second'
}
]
{
icon: mdiHome,
text: 'title.main',
path: '/'
},
{
icon: mdiFitToScreenOutline,
text: 'title.second',
path: '/second'
}
]
// Get app version
const appVersion = ref('')
onMounted(async () => {
try {
appVersion.value = await window.mainApi.invoke('msgRequestGetVersion')
} catch (error) {
console.error('Failed to get app version:', error)
appVersion.value = 'unknown'
}
})
</script>
<template>
<v-app-bar color="primary" density="compact">
<v-app-bar-title @click="handleRoute('/')">
GDT Tool
</v-app-bar-title>
<!-- <template #append>
<v-btn
v-for="menu in headerMenus"
:key="menu.path"
:prepend-icon="menu.icon"
variant="text"
:class="{ active: isCurrentRoute(menu.path) }"
@click="handleRoute(menu.path)"
<template #append>
<v-chip
variant="tonal"
color="white"
size="small"
class="mr-2"
>
{{ t(menu.text) }}
</v-btn>
</template> -->
v{{ appVersion }}
</v-chip>
</template>
</v-app-bar>
</template>
<style scoped>