feat: 按测测功能重构 H5 首页与各子页,并修正顶栏「+」添加档案菜单

对齐测测交互:首页「+」支持邀请填档案/添加档案/邀请合盘;各 Tab 与工具页按同一视觉与功能标准落地;本地对照截图目录显式忽略。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
jackyu66git
2026-08-05 14:32:35 +08:00
co-authored by Cursor
parent bd22d9dddd
commit 53eb4577b3
35 changed files with 8900 additions and 1356 deletions
+16 -7
View File
@@ -1,6 +1,6 @@
<template>
<div class="app-shell" :class="{ 'is-home': isHome }">
<AppHeader v-if="!isHome" />
<div class="app-shell" :class="{ 'is-immersive': immersive }">
<AppHeader v-if="!immersive" />
<router-view />
<TabBar />
</div>
@@ -13,13 +13,22 @@ import AppHeader from './components/AppHeader.vue'
import TabBar from './components/TabBar.vue'
const route = useRoute()
/** 首页自带测测式顶栏,避免 sticky Logo 叠两层品牌 */
const isHome = computed(() => route.path === '/')
/** 五 Tab 页自带 PageShell / 首页顶栏,避免 sticky Logo */
const immersive = computed(() => {
const p = route.path
return (
p === '/' ||
p === '/explore' ||
p.startsWith('/explore/') ||
p === '/ask' ||
p === '/companion' ||
p === '/mine'
)
})
</script>
<style scoped>
.app-shell.is-home{
/* 首页自带完整暖色底,避免再叠一层全局洗色 */
background:transparent;
.app-shell.is-immersive {
background: transparent;
}
</style>