添加备注

-

备注记录

-
📝
暂无备注记录

🍰 蛋糕店拼字活动小程序 - 客户端页面结构

36
总页面数
7
主要模块
5
拼字活动页面
6
补充页面

模块一：启动与门店选择

1. 门店列表页
/pages/store/list
功能点：
  • 搜索门店
  • 城市选择
  • 地图/列表模式切换
  • 门店信息展示（距离、营业状态）
  • 联系店铺、去下单
📱 页面线稿
门店列表
🔍 搜索框
📍 广州市 ▼
万泰汇店
距离: 2.3km | 营业中
地址: XX路XX号
天河店
距离: 3.5km | 营业中

模块二：门店首页与商品

2. 门店首页
/pages/store/home
功能点：
  • 门店信息展示
  • Banner轮播图
  • 到店自取 / 外送回家入口
  • 会员信息卡片（余额、卡券、积分）
  • 活动Banner
📱 页面线稿
万泰汇店
🖼️ Banner轮播
🏪 到店自取 | 🚚 外送回家
会员卡
余额: ¥100 | 积分: 500
3. 商品菜单页
/pages/product/list
功能点：
  • 搜索商品
  • 用餐方式切换（堂食/外带/配送）
  • 左侧分类导航
  • 商品列表展示
  • 购物车悬浮条
📱 页面线稿
商品菜单
🔍 搜索商品
🍽️ 堂食 | 🥡 外带 | 🚚 配送
常温蛋糕
现烤
饮品
奶味小松子
¥12.00 +
草莓蛋糕
¥88.00 +
🛒 购物车 (2) | 合计: ¥100
4. 商品详情页
/pages/product/detail
功能点：
  • 商品图片轮播
  • 商品基本信息
  • 规格选择
  • 数量选择
  • 加入购物车 / 立即购买
📱 页面线稿
🖼️ 商品图片轮播
奶味小松子
¥12.00
规格: [ 小 ] [ 中 ] [ 大 ]
数量: - 1 +
加入购物车
立即购买
5. 购物车页
/pages/cart/index
功能点：
  • 商品列表展示
  • 数量调整
  • 全选/删除
  • 失效商品提示
  • 结算按钮
特色：服务端同步，支持跨设备
📱 页面线稿
购物车
万泰汇店
奶味小松子
¥12.00
- 1 +
草莓蛋糕
¥88.00
- 1 +
全选
合计: ¥100.00
结算(2)

模块三：订单与交易

6. 订单确认页
/pages/order/confirm
功能点：
  • 用餐方式选择（自取/外送）
  • 收货地址 / 自取时间
  • 商品清单
  • 费用明细
  • 支付方式选择
📱 页面线稿
确认订单
🏪 到店自取 | 🚚 外送
📍 收货地址
张三 138****1234
广州市天河区...
万泰汇店
奶味小松子 x1 ¥12.00
商品金额: ¥12.00
配送费: ¥5.00
合计: ¥17.00 提交订单
7. 支付结果页
/pages/order/pay-result
功能点：
  • 支付成功/失败提示
  • 订单信息摘要
  • 查看订单 / 返回首页
📱 页面线稿
✅
支付成功
订单号: 20251227001
支付金额: ¥17.00
支付时间: 2025-12-27 14:30
查看订单
返回首页
8. 订单列表页
/pages/order/list
功能点：
  • 订单状态筛选Tab
  • 订单卡片展示
  • 订单操作（取消/支付/查看详情）
📱 页面线稿
我的订单
全部
待支付
制作中
已完成
万泰汇店 待取餐
订单号: 20251227001
奶味小松子 x1
合计: ¥12.00 查看详情
9. 订单详情页
/pages/order/detail
功能点：
  • 订单状态展示（进度条）
  • 自取信息 / 配送信息
  • 核销码（自取订单）
  • 商品清单
  • 费用明细
  • 订单操作
📱 页面线稿
订单详情
等待取餐
✓ 已下单
✓ 制作中
● 待取餐
○ 已完成
自取信息
万泰汇店
预计时间: 14:30
核销码: 8888
商品信息
奶味小松子 x1 ¥12.00
订单号: 20251227001
下单时间: 2025-12-27 14:00
合计: ¥12.00

模块四：拼字活动 ⭐（核心营销）

10. 拼字活动主页
/pages/activity/spelling
功能点：
  • 活动Header（标题、倒计时、规则）
  • 集字卡槽展示
  • 抽字功能区（剩余次数、抽字按钮）
  • 合成/兑换区域
  • 成功名单滚动展示
  • 我的字卡入口
📱 页面线稿
集字活动
🎉 圣安研三周年庆
⏰ 距离结束: 3天
集字进度:
[圣0] [安0] [研0] [三0] [周0] [年0] [庆0]
🎲 抽字（剩余5次）
🏆 中奖名单
用户A 集齐字卡
11. 活动规则页
/pages/activity/spelling-rules
功能点：
  • 活动时间说明
  • 参与方式
  • 集字说明
  • 兑换规则
  • 注意事项
📱 页面线稿
活动规则
📅 活动时间
2025.12.20 - 2025.12.31
🎯 参与方式
1. 每日登录获得免费抽卡机会
2. 分享活动获得额外机会
3. 购买商品获得抽卡机会
🎴 集字说明
集齐"圣安研三周年庆"7个字
可兑换精美礼品
🎁 兑换规则
集齐后可兑换优惠券或实物奖品
奖品数量有限，先到先得
⚠️ 注意事项
• 活动期间有效
• 每人限兑换一次
• 最终解释权归商家所有
12. 抽卡结果页（弹窗）
弹窗形式
功能点：
  • 抽卡动画
  • 获得字卡展示
  • 集字进度更新
  • 继续抽字 / 分享获得次数
📱 页面线稿（弹窗）
🎉 恭喜获得
圣
集字进度: 1/7
分享获得次数
继续抽字
13. 我的字卡页
/pages/activity/my-cards
功能点：
  • 活动选择
  • 字卡列表展示
  • 持有数量
  • 稀有度标识
  • 集字进度条
📱 页面线稿
我的字卡
活动: 圣安研三周年庆 ▼
集字进度: 3/7
圣
持有: 2
安
持有: 1
研
未获得
三
持有: 1
周
未获得
年
未获得
庆
⭐ 稀有
14. 兑换记录页
/pages/activity/exchange-records
功能点：
  • 兑换记录列表
  • 活动名称
  • 兑换时间
  • 获得奖励
  • 奖励状态
📱 页面线稿
兑换记录
圣安研三周年庆 ✓ 已发放
兑换时间: 2025-12-27 14:00
奖励: 88元优惠券
双十二狂欢 ⏳ 处理中
兑换时间: 2025-12-15 10:30
奖励: 精美礼盒

模块五：积分商城

15. 积分商城首页
/pages/points-mall/index
功能点：
  • 用户积分显示
  • 商品分类Tab
  • 商品列表（图片、积分+现金）
  • 积分获取入口
📱 页面线稿
积分商城
我的积分: 500分
商品A
300积分 + ¥5.5
商品B
500积分
16. 积分商品详情页
/pages/points-mall/detail
功能点：
  • 商品图片轮播
  • 兑换价格（积分+现金）
  • 库存/限购信息
  • 商品详情
  • 立即兑换
📱 页面线稿
🖼️ 商品图片轮播
奶味小松子
300积分 + ¥5.5
库存: 50 | 限购: 1件/人
商品详情
精选优质食材，现场手工制作...
保质期: 3天
配送方式: 到店自取
立即兑换
17. 积分兑换确认页
/pages/points-mall/confirm
功能点：
  • 商品信息
  • 收货信息（实物商品）
  • 费用明细
  • 积分余额显示
  • 确认兑换
📱 页面线稿
确认兑换
📍 收货信息
张三 138****1234
广州市天河区...
奶味小松子 x1
300积分 + ¥5.5
消耗积分: 300
需支付: ¥5.5
当前积分: 500 | 兑换后: 200
确认兑换
18. 积分兑换记录页
/pages/points-mall/orders
功能点：
  • 兑换订单列表
  • 订单状态
  • 物流跟踪（实物）
📱 页面线稿
兑换记录
订单号: EX20251227001 已完成
奶味小松子 x1
300积分 + ¥5.5
兑换时间: 2025-12-27 14:00
订单号: EX20251226002 配送中
优惠券 x1
500积分
📦 查看物流

模块六：会员中心

19. 会员中心首页
/pages/user/index
功能点：
  • 用户信息卡片
  • 核心资产（余额、卡券、积分）
  • 订单管理快捷入口
  • 功能矩阵（充值、兑换券、积分商城等）
  • 会员码入口
📱 页面线稿
张三
普通会员
¥100
余额
3
卡券
500
积分
待支付
0
制作中
1
待取餐
0
已完成
5
💰
充值
🎫
优惠券
🎁
积分商城
📍
地址
🎴
集字活动
💳
会员卡
⚙️
设置
📞
客服
首页
分类
购物车
我的
20. 余额充值页
/pages/user/recharge
功能点：
  • 当前余额显示
  • 充值金额选项
  • 充值规则说明
  • 支付方式
  • 充值记录入口
📱 页面线稿
余额充值
当前余额
¥100.00
选择充值金额
¥50
¥100
¥200
送20元
¥500
送60元
¥1000
送150元
自定义
💡 充值说明：
• 余额可用于商品购买
• 赠送金额不可提现
• 充值记录可查询
立即充值 ¥50.00
21. 余额明细页
/pages/user/balance-logs
功能点：
  • 记录类型Tab
  • 流水记录列表
  • 时间、类型、金额、余额
📱 页面线稿
余额明细
全部
收入
支出
余额充值 +¥50.00
2025-12-27 14:00 | 余额: ¥150.00
商品购买 -¥12.00
2025-12-27 13:30 | 余额: ¥100.00
充值赠送 +¥10.00
2025-12-26 10:00 | 余额: ¥112.00
22. 积分明细页
/pages/user/points-logs
功能点：
  • 记录类型Tab
  • 积分流水记录
  • 积分获取规则
📱 页面线稿
积分明细
全部
获得
消费
💡 积分规则：消费1元=1积分
积分可用于积分商城兑换商品
购物获得积分 +12
2025-12-27 14:00 | 积分: 512
积分兑换商品 -300
2025-12-27 13:00 | 积分: 500
每日签到 +5
2025-12-27 09:00 | 积分: 800
23. 我的优惠券页
/pages/user/coupons
功能点：
  • 优惠券状态Tab
  • 优惠券卡片
  • 立即使用
  • 领取入口
📱 页面线稿
我的优惠券
可使用
已使用
已过期
全场通用
¥88
满200元可用
有效期至: 2025-12-31
立即使用
指定商品
9折
奶味小松子专用
有效期至: 2025-12-31
立即使用
24. 收货地址管理页
/pages/user/address-list
功能点：
  • 地址列表
  • 默认地址标识
  • 编辑/删除
  • 新增地址
📱 页面线稿
收货地址
张三 138****1234 默认
编辑
广东省 广州市 天河区
天河路123号 A栋 1001室
李四 139****5678
编辑 | 删除
广东省 广州市 越秀区
中山路456号 B栋 2002室
+ 新增地址
25. 编辑地址页
/pages/user/address-edit
功能点：
  • 收货人信息
  • 地区选择
  • 详细地址
  • 设为默认
📱 页面线稿
编辑地址
收货人
联系电话
所在地区
请选择省市区 ▼
详细地址
保存
26. 账号设置页
/pages/user/settings
功能点：
  • 账号安全
  • 通知设置
  • 隐私设置
  • 关于我们
  • 退出登录
📱 页面线稿
设置
📱 绑定手机号 138****1234 >
🔒 修改密码 >
🔔 消息通知
🔐 隐私设置 >
📄 用户协议 >
ℹ️ 关于我们 v1.0.0 >
退出登录
27. 会员卡页
/pages/user/member-card
功能点：
  • 会员卡展示
  • 会员码（二维码/条形码）
  • 会员权益
  • 升级规则
📱 页面线稿
🍰 蛋糕店会员卡
普通会员
会员姓名
张三
会员编号
NO.10001
二维码
扫码核销
会员权益
✓ 积分累积 1元=1积分
✓ 生日专属优惠
✓ 新品优先体验
✓ 专属客服服务
升级规则
普通会员 → VIP会员: 累计消费满1000元
VIP会员 → 黑金会员: 累计消费满5000元
当前消费: ¥350 / ¥1000

模块七：通用页面

28. 隐私协议页
/pages/legal/privacy
功能点：
  • 隐私政策内容展示
  • 数据收集/使用说明
  • 用户权利说明
  • 同意/不同意按钮
重要：合规必须，首次访问强制展示
📱 页面线稿
隐私政策
更新日期: 2025-12-27
生效日期: 2025-12-27
一、信息收集
我们会收集您在使用服务时主动提供的信息，包括但不限于：
• 账号信息（微信昵称、头像）
• 订单信息（收货地址、联系方式）
• 支付信息（交易记录）
二、信息使用
我们会将收集的信息用于：
• 提供商品和服务
• 处理订单和配送
• 改进用户体验
三、信息保护
我们采用行业标准的安全措施保护您的个人信息...
不同意
同意
29. 用户服务协议页
/pages/legal/terms
功能点：
  • 服务协议内容
  • 用户行为规范
  • 责任限制说明
  • 同意/不同意按钮
📱 页面线稿
用户服务协议
更新日期: 2025-12-27
生效日期: 2025-12-27
一、服务条款的接受
欢迎使用蛋糕店小程序。在使用本服务前，请您仔细阅读并理解本协议...
二、账号注册与使用
• 您需要使用微信账号登录
• 您应当对账号信息保密
• 禁止恶意刷单、作弊行为
三、服务内容
我们提供在线商品浏览、下单、支付、配送等服务...
四、责任限制
在法律允许的范围内，我们不承担因以下原因导致的损失...
不同意
同意
30. 客服页面
/pages/service/index
功能点：
  • 常见问题FAQ
  • 在线客服
  • 联系电话
  • 工作时间
📱 页面线稿
客服中心
💬 在线客服
工作时间: 09:00 - 22:00
联系客服
📞 客服电话
400-888-8888
拨打
常见问题
Q: 如何修改订单？
Q: 配送范围是多少？
Q: 如何申请退款？
Q: 积分如何使用？

模块八：补充页面

以下页面在原始截图中未直接展示，但根据业务逻辑推断需要存在：

31. 登录授权页
/pages/auth/login
功能点：
  • 微信登录授权引导
  • 隐私协议同意
📱 页面线稿
🍰
蛋糕店小程序
新鲜美味 贴心服务
📱 微信登录
登录即表示同意
《用户服务协议》 和 《隐私政策》
32. 搜索结果页
/pages/search/result
功能点：
  • 商品搜索结果展示
  • 搜索历史
📱 页面线稿
← 搜索
找到 5 个相关商品
奶味小松子
松软香甜
¥12.00
草莓蛋糕
新鲜水果
¥88.00
33. 评价页面
/pages/review/create
功能点：
  • 订单评价
  • 星级评分
  • 图片上传
📱 页面线稿
评价订单
奶味小松子
x1
商品评分
★★★★★
评价内容
上传图片（选填）
+
最多上传6张图片
提交评价
34. 退款申请页
/pages/order/refund
功能点：
  • 退款原因选择
  • 退款说明
  • 凭证上传
📱 页面线稿
申请退款
订单信息
订单号: 20251227001
商品: 奶味小松子 x1
金额: ¥12.00
退款原因
退款说明
上传凭证
+
提交申请
35. 物流跟踪页
/pages/order/logistics
功能点：
  • 配送员信息
  • 实时位置
  • 物流状态
📱 页面线稿
配送跟踪
王师傅
📞 138****1234
联系骑手
🗺️ 地图区域
实时位置追踪
配送进度
✓
商家已接单
12-27 14:00
✓
骑手已取餐
12-27 14:15
●
配送中...
预计 14:45 送达
36. 分享落地页
/pages/share/landing
功能点：
  • 活动分享H5页面
  • 引导下载小程序
📱 页面线稿
🍰
圣安研三周年庆
集字赢大奖！
好友邀请您参加活动
集齐"圣安研三周年庆"7个字
即可兑换精美礼品
圣
安
研
三
周
年
庆
打开小程序参与
长按识别小程序码进入
小程序码

📊 页面总结

核心页面：30个

补充页面：6个

总计：36个页面


模块分布：

  • 启动与门店选择: 1个
  • 门店首页与商品: 4个
  • 订单与交易: 4个
  • 拼字活动（核心营销）: 5个 ⭐
  • 积分商城: 4个
  • 会员中心: 9个
  • 通用页面: 3个
  • 补充页面: 6个