feat(projects): 主题配置抽屉:迁移暗黑模式、布局模式、添加颜色选择面板

This commit is contained in:
Soybean
2022-01-09 12:20:08 +08:00
parent bf020a8258
commit 912bfdf439
21 changed files with 987 additions and 89 deletions

View File

@@ -0,0 +1,22 @@
<template>
<n-divider title-placement="center">布局模式</n-divider>
<n-space justify="space-between">
<layout-checkbox
v-for="item in theme.layout.modeList"
:key="item.value"
:mode="item.value"
:label="item.label"
:checked="item.value === theme.layout.mode"
@click="theme.setLayoutMode(item.value)"
/>
</n-space>
</template>
<script setup lang="ts">
import { NDivider, NSpace } from 'naive-ui';
import { useThemeStore } from '@/store';
import { LayoutCheckbox } from './components';
const theme = useThemeStore();
</script>
<style scoped></style>