火爆新品
一句话
小程序首页 = Banner 轮播 + 用户信息 + 新品速递 + 全部商品（IP 筛选瀑布流）+ 积分兑换 + 直播手册。
页面说明
顶部大图轮播（自动播放 + 圆点切换 + 新品预告文案）；用户条展示昵称/会员等级/积分 + 「扫码兑换」；新品速递卡展示热卖商品《伊索寓言》第二弹（含「通知我」按钮）；「全部商品」按 IP chips 筛选，两列瀑布流展示最新商品（10 个）；「积分兑换」展示 3 个积分商品；「直播手册」入口卡片；底部 Tab 栏「首页」高亮。
| 模块 | 内容 | 数据来源 |
|---|---|---|
| Banner 轮播 | 3 张大图自动轮播（3s）+ 圆点切换 + 状态栏 + 标题区 + 新品预告文案 | Banner 图（../Banner/1-3.jpg）+ 轮播文案 JS |
| 用户信息条 | 头像 + 昵称（王小贱）+ 黄金会员 + 1280 积分 + 「扫码兑换」按钮 | 用户/会员数据（mock） |
| 新品速递 | 新品卡：《伊索寓言》第二弹 2026.07.19 正在热卖 + 「通知我」圆形按钮 | 商品数据（mock） |
| 全部商品 | IP chips（全部/伊索寓言/盗墓笔记/格林童话等 9 个）+ 两列瀑布流商品卡（图/名/发售日期） | 产品履历（JS 填充 10 个最新商品） |
| 积分兑换 | 3 个积分商品（限量徽章 800 / 麻辣迪迪 1200 / 爱丽丝盲盒 1500 积分） | 积分商品（mock） |
| 直播手册 | 收藏手册卡：《希腊神话·神谕 收藏手册》7月25日更新 | 静态（mock） |
| 底部 Tab 栏 | 首页（激活）/ 积分商城 / 抽卡机（中心凸起）/ 手册 / 我的 | 固定 |
① Banner：自动轮播（3s）+ 手动圆点切换，标题文案随图切换；② 用户条：展示昵称/会员等级/积分，「扫码兑换」进入扫码（原型示意）；③ 新品速递：展示当前热卖新品，可「通知我」订阅开售提醒；④ 全部商品：按 IP 筛选商品，瀑布流展示最新发售商品（点卡片进详情，原型示意）；⑤ 积分兑换：展示积分商品及所需积分；⑥ 直播手册：收藏手册内容入口。
| 操作 | 页面行为 |
|---|---|
| Banner 圆点 | 点击切换到对应图 + 文案；3s 自动轮播循环 |
| 下滑提示箭头 | 平滑滚动到「新品速递」区块 |
| IP chips | 点击筛选「全部商品」列表（当前原型静态展示，筛选为示意） |
| 通知我 | 点击订阅开售提醒（原型示意） |
| 扫码兑换 | 进入扫码兑换流程（原型示意） |
| 底部 Tab | 积分商城/我的 → 跳转对应页面；首页当前激活 |
全部商品 10 个 = 产品履历最新 10 款（按发售日期倒序，JS 动态填充名称/日期）；会员 1280 积分（黄金会员）；积分商品 800/1200/1500 积分（mock）；Banner 3 张 + 文案 3 组。
| 页面 | 按钮/操作 | 场景 | 提示 |
|---|---|---|---|
| 首页 | 通知我 | 订阅成功（原型示意） | toast「已开启通知，发售时将提醒您」 |
| 首页 | 扫码兑换 | 进入扫码（原型示意） | 调起扫码（原型示意） |
| 状态 | 说明 | 完成情况 |
|---|---|---|
| 默认 | 轮播自动播放、商品列表完整展示 | ✅ 已实现 |
| 轮播切换 | 3s 自动 + 手动圆点，淡入淡出 | ✅ 已实现 |
| IP 筛选 | chips 选中态切换（筛选为原型示意） | ✅ 静态示意 |