设计第一部分:页面流与组件边界
一个 uni-app 路由承载完整游客端,以页面状态切换保持连续体验;每个复杂页面拆成同目录子组件。
浏览与购买主链路
首页
分类联动列表
→
商品详情
→
预订选择
→
填写游客
→
支付成功
订单与售后支线
我的订单
→
订单详情
→
我的凭证
或
申请退款 → 结果
同目录模块
components/ 各页面视图与商品卡片
data.js 商品、分组、游客、订单默认结构
model.mjs 页面跳转、价格、订单与退款纯逻辑
index.vue 状态编排、返回规则和共享数据
交互约定
- 点击商品图片或标题进入详情;点击“选购”直接进入预订选择。
- 首页头图和左侧分类固定,右侧商品列表独立滚动;分类点击与滚动高亮双向联动。
- 页面内返回按来源状态回退;首页左上角使用
uni.navigateBack。
- 右上角用户按钮进入常用出行人,订单按钮进入我的订单。
✓
确认此结构
按上面的页面流、组件边界和返回规则继续。
✎
需要调整
选中后在终端告诉我希望修改的页面或交互。