WriteLayout — 书写布局
文件: web/src/modules/write/components/WriteLayout.vue
职责
书写练习页面的统一布局组件,封装 AppNavBar 和内容区域。处理导航栏返回按钮的页面跳转逻辑。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | "书写练习" | 导航栏标题 |
leftArrow | boolean | true | 是否显示返回箭头 |
插槽
| 插槽名 | 说明 |
|---|---|
right | 导航栏右侧区域(覆盖默认关闭按钮) |
| default | 页面主体内容 |
核心功能
- 使用
AppNavBar作为顶部导航栏 - 返回按钮点击时根据
route.query.from跳转:planet-series→/planet-series(带 category/subCategory 参数)- 其他 →
/char-select
- 内容区域使用
flex-direction: column+align-items: center居中布局