commerce · pack:commerce
电商通用
促销横幅 · 商品网格
品类电商包；品牌气质包未入库时落到这里。
设计 Token
bg
#f7f4f1surface
#fffffftext
#1a1512muted
#7a6e66accent
#e11d2eaccentText
#ffffffborder
#eadfd4radius
14pxfont
"IBM Plex Sans", "PingFang SC", sans-serif组件 (5)
| 类型 | 名称 | 说明 |
|---|---|---|
CommerceHeader | 顶栏 | 搜索框 + 购物车入口 |
PromoBanner | 促销横幅 | 大促/公益主视觉（支持底图） |
CategoryRow | 分类行 | 横向分类入口 |
ProductGrid | 商品网格 | 双列商品卡（可带图） |
BottomTab | 底部导航 | 电商底部 Tab |
截图证据
设计系统最佳实践：每个 kit 可追溯到参考截图。点击缩略图查看大图，与 CATALOG 表对照。
加载截图…
Provenance
- source:
seed - license:
internal-seed - aliases: 电商 · 商城 · commerce