← 总览 / 种草笔记模块

📔 种草笔记 · 手机端原型

6 个页面 · 笔记浏览 / 详情 / 商品收藏 / 店铺收藏 / 笔记收藏 / 个人信息

📋

对应需求

3.2 收藏功能扩展（商品/店铺/笔记）· 四、开发「种草」与「笔记」功能模块 @王尚飞

→ 查看完整 PRD
❤️

收藏功能 · 3 个 Tab 三件套

底部导航栏「购物车」入口已改为「收藏」 · 商品 / 店铺 / 笔记 三种类型独立查看

页面 1

笔记浏览

类目 Tab + 瀑布流

页面 2

笔记详情

图文 + 商品挂载

页面 3 · 收藏 Tab1

商品收藏

含「直接购买」按钮

页面 4 · 收藏 Tab2

店铺收藏

含 3 张商品预览

页面 5 · 收藏 Tab3

笔记收藏

双列瀑布流

页面 6

个人信息

含身材 + 尺码偏好

← 左右滑动查看更多页面 →

笔记浏览

  • · 顶部类目：推荐/时尚/休闲/运动/商务/通勤/街头/日系/韩系/复古/居家
  • · 双列瀑布流
  • · 底部 4 Tab（已移除发布按钮）

笔记详情

  • · 多图轮播，热点标注商品
  • · 作者关注 + 正文 + 话题
  • · 商品挂载卡片（直接购买）

商品收藏 · Tab1

  • · 横向商品卡片
  • · 含价格、划线价、降价提醒
  • · 每件商品都有「直接购买」
  • · 完全绕开购物车直达支付

店铺收藏 · Tab2

  • · 店铺卡片含 logo + 标签（官方/优质）
  • · 粉丝数 / 商品数 / 上新数
  • · 底部 3 张商品预览
  • · 「进店」按钮

笔记收藏 · Tab3

  • · 双列瀑布流
  • · 服装类目筛选
  • · 已收藏角标
  • · 点击进入笔记详情

个人信息

  • · 基础：头像/昵称/性别/生日
  • · 身材：身高/体重（推荐尺码）
  • · 尺码：上装/下装/鞋码/风格

🚫🛒底部导航栏改造 · 购物车 → 收藏

改造前（4 Tab）

首页 | 笔记 | 购物车 | 我的

改造后（4 Tab）✓

首页 | 笔记 | 收藏 | 我的

ⓘ 用户通过「直接购买」或「收藏」完成交易，简化购买路径。
商品详情页也已移除「加入购物车」按钮，仅保留「直接购买」。

iframe 嵌入预览 · 各设备等比缩放 · iPhone 14 Pro 尺寸