P18 商品详情页布局说明

页面概述

P18 为商品详情页，用于展示商品信息、兑换/购买条件及履约说明，并支持用户结算。

布局结构

• 顶部：主图轮播
• 中部：
  • 标题
  • 价格 / 兑换所需积分
  • 划线价
• 信息区：
  • 兑换/购买信息
  • 履约说明
• 底部固定操作栏：结算操作栏

设计要点

• 主图轮播用于强化商品展示效果
• 中部重点呈现价格体系，包括现金价格、积分要求与划线价
• 信息区补充交易规则与履约说明，提升决策效率
• 底部固定结算栏保证购买与兑换动作始终可达