P18 商品详情页布局说明

页面概述

P18 为商品详情页，承担商品展示、价格说明、兑换/购买信息传达及结算引导功能。

布局结构

• 顶部：主图轮播
• 中部：标题与价格信息、兑换/购买信息区、履约说明
• 底部固定区域：结算操作栏

设计要点

• 顶部通过 主图轮播 展示商品核心视觉信息。
• 中部展示：
  • 商品标题
  • 价格 / 兑换所需积分
  • 划线价
• 页面中部还包含：
  • 兑换/购买信息区
  • 履约说明
• 底部固定 结算操作栏，便于用户快速发起兑换或购买。