feat(projects): 新增网址导航页面

This commit is contained in:
Soybean
2021-11-24 19:14:13 +08:00
parent 98a7d25cf8
commit 32aa5ee75a
11 changed files with 154 additions and 3 deletions

View File

@ -0,0 +1,22 @@
<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>