🏠 首页组件
首页专用组件,打造独特的首页体验。
组件列表 (1个)
| # | 组件 | 中文名称 | Figma 链接 | 状态 |
|---|---|---|---|---|
| 1 | MemberEquity | Member Equity(会员权益) | 查看设计稿 | 已经发布 |
使用场景
首页组件适用于:
- ✅ 网站首页
- ✅ 会员中心首页
- ✅ 品牌官网首页
功能特点
MemberEquity
- 会员等级展示
- 权益卡片
- 特权说明
- 升级引导
- 视觉吸引
导入方式
import { MemberEquity } from '@anker-in/headless-ui/biz'
export default function HomePage() {
return (
<>
{/* 其他首页内容 */}
<MemberEquity data={memberData} />
{/* 其他首页内容 */}
</>
)
}设计建议
- 层级清晰 - 不同会员等级视觉区分
- 价值突出 - 突出会员特权价值
- 引导注册 - 明确的会员注册入口
- 可视化 - 使用图标增强理解
会员体系设计
- 等级设定 - 3-5 个等级
- 权益差异化 - 每个等级有独特权益
- 升级路径 - 清晰的升级条件
- 视觉差异 - 不同等级不同配色/图标
Last updated on