LogoTanStarter 文档
LogoTanStarter 文档
首页模板介绍代码库快速开始环境配置
网站配置
网站配置导航菜单页脚菜单侧边栏菜单头像按钮社交媒体
部署

功能集成

Cloudflare数据库身份验证邮件邮件订阅存储支付通知分析聊天框联盟营销

功能定制

元数据页面落地页博客组件用户管理密钥管理

代码库

项目结构代码检查编辑器设置更新代码库
X (Twitter)
网站配置

头像按钮

配置用户头像下拉菜单

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

src/config/avatar-config.ts
export function getAvatarLinks(): MenuItemConfig[] {
  return [
    { title: m.dashboard, href: Routes.Dashboard, icon: IconLayoutDashboard },
    { title: m.billing, href: Routes.SettingsBilling, icon: IconCreditCard },
    { title: m.settings, href: Routes.SettingsProfile, icon: IconSettings2 },
  ];
}

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

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

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

Avatar

下一步

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

网站配置

配置网站的核心设置

导航栏配置

配置头部导航菜单

页脚配置

配置网站页脚中的链接

侧边栏配置

配置仪表盘的导航菜单

侧边栏菜单

配置仪表盘页面的导航菜单

社交媒体

配置社交媒体链接

目录

下一步