Files
C-end.MiniProgram.Prototype/docs/07-页面规格/20-储值充值页.md

877 B

P14 储值充值页

  • 页面编码:P14
  • 页面层级:二级页
  • 页面目标:展示储值余额、充值方案和充值记录
  • 主要依赖组件:G01G44

1. 页面结构(从上到下)

  1. 顶部导航栏
  2. 储值余额区
  3. 充值方案区
  4. 充值记录区
  5. 底部支付区

2. 区块说明

2.1 储值余额区

  • 展示当前可用余额
  • 可补充说明实充与赠送余额(如有)

2.2 充值方案区

  • 使用 G44
  • 每张方案卡展示:
    • 充值金额
    • 赠送金额
    • 到账金额

2.3 充值记录区

  • 展示最近充值记录
  • 包含:时间、支付方式、到账金额

2.4 底部支付区

  • 主按钮:立即充值

3. 页面状态

  • 默认态:有方案可选
  • 空态:暂无充值方案

4. 实现备注

  • 充值金额、赠送金额、到账金额三者必须同时可见