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
+22 -12
+22 -12
View File
@@ -32,25 +32,35 @@ const headerMenus: {
text: 'title.second', text: 'title.second',
path: '/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> </script>
<template> <template>
<v-app-bar color="primary" density="compact"> <v-app-bar color="primary" density="compact">
<v-app-bar-title @click="handleRoute('/')"> <v-app-bar-title @click="handleRoute('/')">
GDT Tool GDT Tool
</v-app-bar-title> </v-app-bar-title>
<!-- <template #append> <template #append>
<v-btn <v-chip
v-for="menu in headerMenus" variant="tonal"
:key="menu.path" color="white"
:prepend-icon="menu.icon" size="small"
variant="text" class="mr-2"
:class="{ active: isCurrentRoute(menu.path) }"
@click="handleRoute(menu.path)"
> >
{{ t(menu.text) }} v{{ appVersion }}
</v-btn> </v-chip>
</template> --> </template>
</v-app-bar> </v-app-bar>
</template> </template>
<style scoped> <style scoped>