audio_codebuddy/.plans/audiobook-v2-ux/frontend-dev/task-opt16/findings.md

OPT-16: Tab页面返回按钮修复

任务描述

book-generator/index.vue 作为 Tab 页不应显示返回按钮。

修改文件

my-uniapp-vue3/src/pages/book-generator/index.vue

实现内容

1. 检测页面是否为 Tab 页

• 在 pages.json 中确认 book-generator/index 是 Tab Bar 页面之一
• 添加 isTabPage ref 标识页面为 Tab 页

2. Tab 页隐藏返回按钮

• 使用 v-if="showBackButton" 条件渲染返回按钮
• showBackButton 通过 computed 计算：
  • 如果是 Tab 页，返回 false（隐藏按钮）
  • 如果是非 Tab 页但有历史记录，返回 true

3. 非 Tab 页显示返回按钮

• 当页面不是 Tab 页时，根据页面栈判断是否显示返回按钮

代码变更

新增变量：

const isTabPage = ref(true);
const showBackButton = computed(() => {
  if (!isTabPage.value) return true;
  const pages = getCurrentPages();
  return pages.length > 1;
});

模板变更：

<view class="nav-left" @click="goBack" v-if="showBackButton">
  <text class="back-icon">←</text>
</view>

状态

• 完成