34 lines
947 B
Vue
34 lines
947 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { useAppStore } from '@/store/modules/app';
|
||
|
|
import { $t } from '@/locales';
|
||
|
|
import DarkMode from './modules/dark-mode.vue';
|
||
|
|
import LayoutMode from './modules/layout-mode.vue';
|
||
|
|
import ThemeColor from './modules/theme-color.vue';
|
||
|
|
import PageFun from './modules/page-fun.vue';
|
||
|
|
import ConfigOperation from './modules/config-operation.vue';
|
||
|
|
import TableProps from './modules/table-props.vue';
|
||
|
|
|
||
|
|
defineOptions({
|
||
|
|
name: 'ThemeDrawer'
|
||
|
|
});
|
||
|
|
|
||
|
|
const appStore = useAppStore();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<NDrawer v-model:show="appStore.themeDrawerVisible" display-directive="show" :width="360">
|
||
|
|
<NDrawerContent :title="$t('theme.themeDrawerTitle')" :native-scrollbar="false" closable>
|
||
|
|
<DarkMode />
|
||
|
|
<LayoutMode />
|
||
|
|
<ThemeColor />
|
||
|
|
<PageFun />
|
||
|
|
<TableProps />
|
||
|
|
<template #footer>
|
||
|
|
<ConfigOperation />
|
||
|
|
</template>
|
||
|
|
</NDrawerContent>
|
||
|
|
</NDrawer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|