22 lines
650 B
Vue
22 lines
650 B
Vue
<template>
|
|
<n-drawer :show="app.settingDrawerVisible" display-directive="show" :width="330" @mask-click="app.closeSettingDrawer">
|
|
<n-drawer-content title="主题配置" :native-scrollbar="false">
|
|
<dark-mode />
|
|
<layout-mode />
|
|
<theme-color-select />
|
|
<page-func />
|
|
<page-view />
|
|
<theme-config />
|
|
</n-drawer-content>
|
|
</n-drawer>
|
|
<drawer-button />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useAppStore } from '@/store';
|
|
import { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig } from './components';
|
|
|
|
const app = useAppStore();
|
|
</script>
|
|
<style scoped></style>
|