2021-09-01 17:43:25 +08:00
|
|
|
<template>
|
2021-09-02 23:15:07 +08:00
|
|
|
<n-drawer v-model:show="app.settingDrawer.visible" :width="330">
|
2021-09-02 22:05:35 +08:00
|
|
|
<n-drawer-content title="主题配置" :native-scrollbar="false">
|
2021-09-01 17:43:25 +08:00
|
|
|
<dark-mode />
|
2021-09-02 22:05:35 +08:00
|
|
|
<nav-mode />
|
2021-09-01 23:38:07 +08:00
|
|
|
<system-theme />
|
2021-09-01 17:43:25 +08:00
|
|
|
</n-drawer-content>
|
|
|
|
|
</n-drawer>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { NDrawer, NDrawerContent } from 'naive-ui';
|
|
|
|
|
import { useAppStore } from '@/store';
|
2021-09-02 22:05:35 +08:00
|
|
|
import { DarkMode, NavMode, SystemTheme } from './components';
|
2021-09-01 17:43:25 +08:00
|
|
|
|
|
|
|
|
const app = useAppStore();
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped></style>
|
