xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-10-12 21:03:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(projects): all file and folder use kebab-case

Browse Source
This commit is contained in:
Soybean
2023-02-23 08:22:44 +08:00
parent bf2f617255
commit cea600f12c
138 changed files with 130 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/layouts/common/setting-drawer/components/page-view/index.vue Normal file
View File

@@ -0,0 +1,46 @@
<template>
<n-divider title-placement="center">界面显示</n-divider>
<n-space vertical size="large">
<setting-menu label="面包屑">
<n-switch :value="theme.header.crumb.visible" @update:value="theme.setHeaderCrumbVisible" />
</setting-menu>
<setting-menu label="面包屑图标">
<n-switch :value="theme.header.crumb.showIcon" @update:value="theme.setHeaderCrumbIconVisible" />
</setting-menu>
<setting-menu label="多页签">
<n-switch :value="theme.tab.visible" @update:value="theme.setTabVisible" />
</setting-menu>
<setting-menu label="多页签风格">
<n-select
class="w-120px"
size="small"
:value="theme.tab.mode"
:options="theme.tab.modeList"
@update:value="theme.setTabMode"
/>
</setting-menu>
<setting-menu label="页面切换动画">
<n-switch :value="theme.page.animate" @update:value="theme.setPageIsAnimate" />
</setting-menu>
<setting-menu label="页面切换动画类型">
<n-select
class="w-120px"
size="small"
:value="theme.page.animateMode"
:options="theme.page.animateModeList"
@update:value="theme.setPageAnimateMode"
/>
</setting-menu>
</n-space>
</template>
<script lang="ts" setup>
import { useThemeStore } from '@/store';
import SettingMenu from '../setting-menu/index.vue';
defineOptions({ name: 'PageView' });
const theme = useThemeStore();
</script>
<style scoped></style>