🎉 活动组件
营销活动页面组件,打造吸引用户参与的活动体验。
组件列表 (2个)
| # | 组件 | 中文名称 | Figma 链接 | 状态 |
|---|---|---|---|---|
| 1 | WheelLottery | 大转盘抽奖Wheel Lottery | 查看设计稿 | 开发中 |
| 2 | PromotionalBar | 推广栏 | 查看设计稿 | 已经发布 |
使用场景
活动组件适用于:
- ✅ 促销活动页
- ✅ 节日营销页
- ✅ 新品发布会
- ✅ 会员专属活动
功能特点
EventSchedule
- 时间线展示
- 倒计时功能
- 活动状态标识
WheelLottery
- 可配置奖品
- 概率控制
- 中奖动画
- 规则说明弹窗
PromotionalBar
- 固定定位
- 可关闭
- 支持倒计时
- 跳转链接
导入方式
import {
PromotionalBar,
EventSchedule,
WheelLottery
} from '@anker-in/headless-ui/biz'
export default function ActivityPage() {
return (
<>
<PromotionalBar data={promoData} />
<EventSchedule data={scheduleData} />
<WheelLottery data={lotteryData} />
</>
)
}设计建议
- 紧迫感 - 使用倒计时增强紧迫感
- 视觉吸引 - 明亮的颜色、动态效果
- 简单明了 - 参与规则清晰易懂
- 奖励展示 - 突出奖品价值
Last updated on