Skip to content

WriteLayout — 书写布局

文件: web/src/modules/write/components/WriteLayout.vue

职责

书写练习页面的统一布局组件,封装 AppNavBar 和内容区域。处理导航栏返回按钮的页面跳转逻辑。

属性

属性类型默认值说明
titlestring"书写练习"导航栏标题
leftArrowbooleantrue是否显示返回箭头

插槽

插槽名说明
right导航栏右侧区域(覆盖默认关闭按钮)
default页面主体内容

核心功能

  • 使用 AppNavBar 作为顶部导航栏
  • 返回按钮点击时根据 route.query.from 跳转:
    • planet-series/planet-series(带 category/subCategory 参数)
    • 其他 → /char-select
  • 内容区域使用 flex-direction: column + align-items: center 居中布局