LogoMkSaaS文档
LogoMkSaaS文档
首页模板介绍入门文档环境配置
网站配置
网站配置导航菜单页脚菜单侧边栏菜单头像按钮社交媒体价格计划积分套餐

功能集成

数据库身份验证邮件邮件订阅存储支付积分定时任务AI 功能统计分析通知验证码聊天框联盟营销

自定义

元数据字体主题图片国际化博客文档组件页面落地页用户管理

代码库

代码库IDE 设置项目结构格式化和代码检查更新代码库
X (Twitter)
网站配置

积分套餐

配置积分套餐

扩展在 website.tsx 中定义的积分套餐,添加翻译内容。

src/config/credits-config.tsx
// 返回带有翻译内容的积分套餐
export function getCreditPackages(): Record<string, CreditPackage> {
  const t = useTranslations('CreditPackages');
  const creditsConfig = websiteConfig.credits;
  const packages: Record<string, CreditPackage> = {};

  // 为每个套餐添加翻译内容
  if (creditsConfig.packages.basic) {
    packages.basic = {
      ...creditsConfig.packages.basic,
      name: t('basic.name'),
      description: t('basic.description'),
    };
  }
  ...
}

packages 对象中的每个积分套餐可以具有以下属性:

属性类型描述
idstring套餐的唯一标识符
namestring?套餐的显示名称
descriptionstring?套餐的描述
popularboolean是否推荐此套餐
creditsnumber套餐包含的积分数量
priceobject价格信息,包括 priceId、金额、货币、allowPromotionCode
expireDaysnumber?积分的有效期(天数),可选,undefined 表示不过期
disabledboolean?是否在 UI 中禁用此套餐,可选

问:website.tsx 中的积分套餐和 credits-config.tsx 中的积分套餐有什么区别?

答:website.tsx 文件定义了积分套餐的基本信息,不包括特定于语言环境的信息,而 credits-config.tsx 文件通过添加翻译内容来显示这些积分套餐。拆开来的原因是后者只能在客户端组件中使用。

Credits

下一步

现在您了解了积分套餐配置,请探索其他相关主题:

网站配置

配置网站的核心设置

价格配置

配置产品的价格计划

页脚配置

配置网站页脚中的链接

侧边栏配置

配置仪表盘的导航菜单

价格计划

配置价格计划

Vercel

学习如何将项目部署到 Vercel 平台

目录

下一步