仪表盘页面 - Nuxt UI Pro

用法

该 DashboardPage 组件旨在作为页面的根组件。它确保所有 DashboardPanel 的布局和滚动行为一致。

pages/settings.vue

<template>
  <UDashboardPage>
    <UDashboardPanel>
      <UDashboardNavbar />

      <NuxtPage />
    </UDashboardPanel>
  </UDashboardPage>
</template>

这演示了一个父页面，它在 DashboardPanel 中包含一个 NuxtPage。这样，它的子页面就可以包装在 DashboardPanelContent 中。

Props

DeepPartial<{ wrapper: string; }>

{}

配置

{
  wrapper: 'flex flex-1 w-full min-w-0'
}

仪表盘导航栏切换

用于在移动设备上切换仪表盘面板的按钮。

仪表盘面板

一个响应式且可调整大小的面板，用于构建多列布局。