6f181d3f22
This commit introduces the foundational structure for the new admin dashboard. - Utilizes @nuxt/ui to build the dashboard layout, including a collapsible sidebar and navigation. - Adds initial pages for the dashboard, news, events, and hall of fame management. - Implements a composable `useDashboardSidebarLinks` for managing sidebar navigation. - Refactors the default layout by integrating the header and footer directly. - Swaps the primary and secondary theme colors across the application.
34 lines
725 B
Vue
34 lines
725 B
Vue
<template>
|
|
<UDashboardPanel>
|
|
<template #header>
|
|
<UDashboardNavbar :title="pageTitle" toggle>
|
|
<template #leading>
|
|
<UDashboardSidebarCollapse />
|
|
</template>
|
|
<template #trailing>
|
|
<UBadge size="md" label="4" variant="outline" color="neutral" />
|
|
</template>
|
|
<template #right>
|
|
<AdminContentsNewsAddModal />
|
|
</template>
|
|
</UDashboardNavbar>
|
|
</template>
|
|
|
|
<template #body>
|
|
This is news page
|
|
</template>
|
|
</UDashboardPanel>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const pageTitle = "新闻列表"
|
|
definePageMeta({
|
|
layout: "admin-dashboard",
|
|
title: pageTitle
|
|
})
|
|
useHead({
|
|
title: pageTitle
|
|
})
|
|
</script>
|
|
|
|
<style></style> |