mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-09-19 18:16:38 +08:00
23 lines
747 B
Vue
23 lines
747 B
Vue
<template>
|
|
<div>
|
|
<header class="flex-y-center justify-between h-78px px-24px bg-light dark:bg-dark shadow-sm">
|
|
<div class="flex-y-center">
|
|
<system-logo class="w-48px h-48px mr-12px" :color="theme.themeColor" />
|
|
<n-gradient-text size="32">Soybean 网址导航</n-gradient-text>
|
|
</div>
|
|
<theme-switch :dark="theme.darkMode" @update="handleDarkMode" />
|
|
</header>
|
|
<n-space :vertical="true"></n-space>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { NSpace, NGradientText } from 'naive-ui';
|
|
import { SystemLogo, ThemeSwitch } from '@/components';
|
|
import { useThemeStore } from '@/store';
|
|
|
|
const theme = useThemeStore();
|
|
const { handleDarkMode } = useThemeStore();
|
|
</script>
|
|
<style scoped></style>
|