TanStarter Docs

头像按钮

配置用户头像下拉菜单

定义用户头像下拉菜单中的菜单项,每个项目都是 MenuItemConfig。

src/config/avatar-config.ts
export function getAvatarLinks(): MenuItemConfig[] {
  return [
    {
      title: m.dashboard_avatar_dashboard(),
      href: Routes.Dashboard,
      icon: IconLayoutDashboard,
    },
    ...(websiteConfig.payment?.enable
      ? [
          {
            title: m.dashboard_avatar_billing(),
            href: Routes.SettingsBilling,
            icon: IconCreditCard,
          },
        ]
      : []),
    {
      title: m.dashboard_avatar_settings(),
      href: Routes.SettingsProfile,
      icon: IconSettings2,
    },
  ];
}

头像配置定义了用户点击个人头像时出现的下拉菜单。通常包括以下链接:

  • 用户仪表盘
  • 账户设置
  • 账单/订阅管理
  • 退出登录选项(已默认配置,无需额外配置)

此菜单为用户提供特定功能的快速访问,而不会使主导航变得混乱。

Avatar

下一步

现在您了解了头像配置,请探索其他相关主题:

最后更新于

本页目录