🔍 品类筛选组件

产品筛选和集合页组件，帮助用户浏览产品分类。

组件列表 (1个)

使用场景

品类筛选组件适用于：

• ✅ 产品分类页
• ✅ Collection 页面
• ✅ 品类导航页
• ✅ 筛选结果页

功能特点

CollectionBanner

• 品类主视觉
• 品类描述
• 快速筛选入口
• 响应式布局

TextMarquee

• 滚动文字
• 公告提示
• 促销信息
• 可配置速度和方向

导入方式

import {
  CollectionBanner,
  TextMarquee
} from '@anker-in/headless-ui/biz'
 
export default function CollectionPage() {
  return (
    <>
      <TextMarquee data={marqueeData} />
      <CollectionBanner data={bannerData} />
      {/* 产品列表 */}
    </>
  )
}

注意事项

⚠️ Figma 需要更新的组件:

• CollectionBanner
• TextMarquee

建议先与设计团队确认 Figma 更新状态再使用。

筛选系统设计

• 多维筛选 - 价格、品牌、特性等
• 即时反馈 - 实时更新结果数量
• 保持状态 - URL 记录筛选条件
• 清空重置 - 一键清除所有筛选

← 返回组件总览