feat: 按测测功能重构 H5 首页与各子页,并修正顶栏「+」添加档案菜单
对齐测测交互:首页「+」支持邀请填档案/添加档案/邀请合盘;各 Tab 与工具页按同一视觉与功能标准落地;本地对照截图目录显式忽略。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user