# P14 储值充值页 - 页面编码:`P14` - 页面层级:`二级页` - 页面目标:展示储值余额、充值方案和充值记录 - 主要依赖组件:`G01`、`G44` ## 1. 页面结构(从上到下) 1. 顶部导航栏 2. 储值余额区 3. 充值方案区 4. 充值记录区 5. 底部支付区 ## 2. 区块说明 ### 2.1 储值余额区 - 展示当前可用余额 - 可补充说明实充与赠送余额(如有) ### 2.2 充值方案区 - 使用 `G44` - 每张方案卡展示: - 充值金额 - 赠送金额 - 到账金额 ### 2.3 充值记录区 - 展示最近充值记录 - 包含:时间、支付方式、到账金额 ### 2.4 底部支付区 - 主按钮:立即充值 ## 3. 页面状态 - 默认态:有方案可选 - 空态:暂无充值方案 ## 4. 实现备注 - 充值金额、赠送金额、到账金额三者必须同时可见