🌟 通用组件

适用于所有页面类型的通用组件，提供基础的展示和交互功能。

组件列表 (16个)

#	组件	中文名称	Figma 链接	状态
1	AnchorNavigation	锚点导航3	查看设计稿	已经发布
2	HeroBanner	首屏横幅Hero Banner	查看设计稿	已经发布
3	BrandCardLink	品牌权益-带链接	查看设计稿	已经发布
4	BrandEquity	品牌权益Brand Equity	查看设计稿	已经发布
5	Category	Category	查看设计稿	已经发布
6	Evaluate	评价Reviews	查看设计稿	已经发布
7	Faq	问答FAQ	查看设计稿	已经发布
8	GraphicAttractionBlock	图文吸引模块	查看设计稿	已经发布（figma待更新）
9	Marquee	跑马灯Marquee	查看设计稿	已经发布
10	SecondaryBanner	次级横幅Secondary Banner	查看设计稿	已经发布
11	Slogan	标语Slogan	查看设计稿	已经发布
12	Spacer	间距Space	查看设计稿	已经发布
13	Specs	对比表单	查看设计稿	已经发布
14	Tabs	Tabs1	查看设计稿	已经发布
15	Title	标题Headline	查看设计稿	已经发布
16	WhyChoose	品牌亮点模块	查看设计稿	已经发布（figma待更新）

使用场景

通用组件适用于：

✅ 首页
✅ 产品页
✅ 活动页
✅ 品牌页
✅ Listing 页

导入方式


import {
  HeroBanner,
  AnchorNavigation,
  BrandEquity,
  Faq,
  Marquee,
  Title
} from '@anker-in/headless-ui/biz'
 
export default function Page() {
  return (
    <>
      <HeroBanner data={heroBannerData} />
      <AnchorNavigation data={anchorNavData} />
      <Title data={titleData} />
      <Faq data={faqData} />
    </>
  )
}

设计规范

✅ 支持响应式布局（tablet / laptop / desktop / lg-desktop）
✅ 支持亮色/暗色主题
✅ 使用 Design Token
✅ 遵循无障碍性标准

← 返回组件总览