跑马灯作品页 <HaloMarquee />
一行超大字横向循环滚动,下面两张大图卡,每张配标题和灰色小标签。
Template and style descriptions are currently available in Chinese only.
- Group
- 展示 · 两张截图或作品
- Component
HaloMarquee·#halo-marquee
Good for
- 展示两张真实截图或作品
- 想要一个有动感的过渡展示页
Avoid when
- 截图需要标注:用 Screenshot
- 超过两项:用 WorkCards
Content limits
| 1 | band ≤ 6 字 |
| 2 | items 正好 2 个:title ≤ 16 字,tags 1–3 个、每个 ≤ 8 字符 |
| 3 | src 必须是真实截图或 decor- 装饰插图 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名 |
band · required | string | 滚动大字 |
items · required | { src, alt, title, tags }[] | 两张图卡 |
source | string | 出处 |
Example
<HaloMarquee kicker="模板与风格" band="挑一个模板" items={[{ src: shotKit, alt: '…', title: '…', tags: ['#/kit'] }, …]} />