mirrors2/naive-ui-admin
1
0
Fork 0
mirror of https://github.com/jekip/naive-ui-admin.git synced 2026-02-13 09:42:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix Bug or add docs

Browse Source
This commit is contained in:
Ah jung
2021-07-30 10:26:19 +08:00
parent 044976b790
commit 619669ec9e
63 changed files with 2039 additions and 470 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/layout/components/Header/ProjectSetting.vue
View File

@@ -7,7 +7,18 @@
<div class="drawer-setting-item justify-center dark-switch">
<n-tooltip placement="bottom">
<template #trigger>
<n-switch v-model:value="designStore.darkTheme" />
<n-switch v-model:value="designStore.darkTheme" class="dark-theme-switch">
<template #checked>
<n-icon size="14" color="#ffd93b">
<SunnySharp />
</n-icon>
</template>
<template #unchecked>
<n-icon size="14" color="#ffd93b">
<Moon />
</n-icon>
</template>
</n-switch>
</template>
<span>深色主题</span>
</n-tooltip>
@@ -146,13 +157,13 @@
<n-switch v-model:value="settingStore.multiTabsSetting.show" />
</div>
</div>
<div class="drawer-setting-item">
<div class="drawer-setting-item-title"> 显示页脚 </div>
<div class="drawer-setting-item-action">
<n-switch v-model:value="settingStore.showFooter" />
</div>
</div>
<!--1.15废弃，没啥用，占用操作空间-->
<!-- <div class="drawer-setting-item">-->
<!-- <div class="drawer-setting-item-title"> 显示页脚 </div>-->
<!-- <div class="drawer-setting-item-action">-->
<!-- <n-switch v-model:value="settingStore.showFooter" />-->
<!-- </div>-->
<!-- </div>-->
<div class="drawer-setting-item">
<n-alert type="warning" :showIcon="false">
@@ -169,11 +180,12 @@
import { useProjectSettingStore } from '@/store/modules/projectSetting';
import { useDesignSettingStore } from '@/store/modules/designSetting';
import { CheckOutlined } from '@vicons/antd';
import { Moon, SunnySharp } from '@vicons/ionicons5';
import { darkTheme } from 'naive-ui';
export default defineComponent({
name: 'ProjectSetting',
components: { CheckOutlined },
components: { CheckOutlined, Moon, SunnySharp },
props: {
title: {
type: String,
@@ -300,8 +312,7 @@
.justify-center {
justify-content: center;
}
.dark-switch .n-switch--active {
.dark-switch .n-switch {
::v-deep(.n-switch__rail) {
background-color: #000e1c;
}