第 5 屏 ｜ 穿搭 (tabBar) iPhone 375 × 812 pt · 微信小程序规范
我的穿搭 / 已收藏分段流 拼图式衣物封面 伴生双态空状态
9:41
穿搭
共 12 套穿搭组合
纯棉短T
牛仔裤
针织开衫
乐福鞋
4 件组合

初秋通勤三件套

AI 推荐 已公开

白T配直筒牛仔裤，清爽干净，外搭浅燕麦开衫保暖又有层次，适合初秋通勤与日常出行。

通勤 休闲 4 件衣物
128
碎花茶歇裙
斜挎包
玛丽珍
3 件组合

周末法式漫步装

仅自己可见

法式碎花中长裙搭配复古玛丽珍鞋与浅色手袋，轻盈惬意，适合周末野餐、画展或咖啡约会。

约会 假日 3 件衣物
14
已经到底了 · 点击右上角可生成更多穿搭
衣橱
穿搭
运势
通知
我的

伴生状态规范（严格遵循全局与微信小程序约定）

穿搭页承担用户核心审美与搭配沉淀。支持「我的穿搭」与「已收藏」双分段切换。卡片统一为白底 16pt 圆角，内嵌多件衣物抠图错落拼图封面（最多10件）。

还没有穿搭
从衣橱挑几件，搭一套吧
「我的穿搭」Tab 空状态
还没有收藏的穿搭
在社区或AI推荐中点亮小星星，喜欢的穿搭会出现在这里
「已收藏」Tab 空状态
📐 规范落地核查表
分段控件：iOS 标配微滑块，未选中态字色 #8E8E93
两项操作入口：描边「+ 创建穿搭」+ 实心系统蓝「AI 推荐」
拼图封面：浅灰圆角底 + 单件抠图微旋转错落排布，右下角标数量
三态标签：仅自己可见（灰）、已公开（蓝）、AI推荐（#5856D6 靛蓝）
交互图标：点赞（heart）+ 收藏（star，未收藏线框 / 已收藏实心蓝）