Skip to content

P18 商品详情页布局说明

页面概述

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

布局结构

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

设计要点

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

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答