# P11 限时折扣活动页 - 页面编码:`P11` - 页面层级:`二级页` - 页面目标:承接限时折扣活动,集中展示折扣商品 - 主要依赖组件:`G01`、`G21` ## 1. 页面结构(从上到下) 1. 顶部导航栏 2. 活动头图区 3. 活动时间筛选区 4. 折扣商品列表区 ## 2. 区块说明 ### 2.1 活动头图区 - 展示活动标题、当前折扣主题、时间说明 ### 2.2 活动时间筛选区 - 当前进行中 - 即将开始 - 已结束 ### 2.3 折扣商品列表区 - 商品卡展示: - 图片 - 商品名称 - 折扣价 - 原价 - 折扣力度 - 立即购买 ## 3. 页面状态 - 进行中:可购买 - 未开始:展示开始时间 - 已结束:置灰展示 ## 4. 实现备注 - 与秒杀页相比,限时折扣页要弱化“抢”,强化“省”