跳到主要内容

会员系统演示页面

这个页面演示了会员系统的各种功能。

免费内容区域​

这部分内容所有人都可以看到，无需登录或付费。

基础训练知识​

  • 热身的重要性
  • 基本步法
  • 握拍姿势

普通会员专属内容​

🔒

此内容需要会员权限

加载中...

VIP会员专属内容​

🔒

此内容需要VIP会员权限

加载中...

测试说明​

🧪 开发测试模式​

当前系统处于开发测试模式，点击订阅按钮后会直接开通会员，无需真实支付。

测试流程：

  1. 配置好Supabase环境变量
  2. 点击右上角"登录"
  3. 使用测试账号登录
  4. 点击"订阅会员"按钮
  5. 选择"🧪 测试开通"
  6. 会员权限立即生效！

技术实现​

使用的组件​

// 内容保护
<PremiumContent level="member">
  会员专属内容...
</PremiumContent>

// 支付按钮
<PayButton
  plan="member"
  text="立即订阅"
/>

权限等级​

  • free: 免费用户
  • member: 普通会员（¥19.9/月）
  • vip: VIP会员（¥199/年）
  • coach: 教练账号
  • venue: 球场管理员

常见问题​

Q: 如何开通会员？​

A: 点击页面中的"订阅会员"按钮，当前为测试模式，可直接开通。

Q: 会员内容看不到怎么办？​

A:

  1. 检查是否已登录
  2. 确认会员是否有效期内
  3. 刷新页面重新加载权限

Q: 如何配置Supabase？​

A: 需要在项目根目录创建 .env 文件,配置Supabase URL和匿名密钥。具体步骤请参考Supabase官方文档。

开始体验会员系统吧！ 🎉