mps-platform/cds-fontend-2025.V1/src/layouts/modules/theme-drawer/index.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>