From 887040941819d1e0eb1a4d069a7c44eeaf323b3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com> Date: Tue, 11 Oct 2022 21:44:38 +0800 Subject: [PATCH] update Settings/index.vue --- src/layout/components/Settings/index.vue | 38 ++++++++++++------------ 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue index 5616db6..2b4e563 100644 --- a/src/layout/components/Settings/index.vue +++ b/src/layout/components/Settings/index.vue @@ -119,11 +119,11 @@ const mode = useColorMode({ modes: { // custom colors contrast: 'dark contrast', - cafe: 'cafe', - }, + cafe: 'cafe' + } }) -const { next } = useCycleList(['dark', 'light', 'cafe', 'contrast'], { initialValue: mode }) -const isDark = useDark() +const { next } = useCycleList(['light', 'dark', 'cafe', 'contrast'], { initialValue: mode }) +// const isDark= useDark() /** 是否需要topnav */ const topNav = computed({ @@ -134,35 +134,35 @@ const topNav = computed({ appStore.toggleSideBarHide(false) permissionStore.setSidebarRouters(permissionStore.defaultRoutes) } - }, + } }) /** 是否需要tagview */ const tagsView = computed({ get: () => storeSettings.value.tagsView, set: (val) => { settingsStore.changeSetting({ key: 'tagsView', value: val }) - }, + } }) /**是否需要固定头部 */ const fixedHeader = computed({ get: () => storeSettings.value.fixedHeader, set: (val) => { settingsStore.changeSetting({ key: 'fixedHeader', value: val }) - }, + } }) // 是否显示底部 const showFooter = computed({ get: () => storeSettings.value.showFooter, set: (val) => { settingsStore.changeSetting({ key: 'showFooter', value: val }) - }, + } }) /**是否需要侧边栏的logo */ const sidebarLogo = computed({ get: () => storeSettings.value.sidebarLogo, set: (val) => { settingsStore.changeSetting({ key: 'sidebarLogo', value: val }) - }, + } }) /**是否需要侧边栏的动态网页的title */ const dynamicTitle = computed({ @@ -171,7 +171,7 @@ const dynamicTitle = computed({ settingsStore.changeSetting({ key: 'dynamicTitle', value: val }) // 动态设置网页标题 useDynamicTitle() - }, + } }) /**是否显示水印 */ const showWatermark = computed({ @@ -179,7 +179,7 @@ const showWatermark = computed({ set: (val) => { settingsStore.changeSetting({ key: 'showWatermark', value: val }) changeWatermark() - }, + } }) const changeWatermark = () => { storeSettings.value.showWatermark ? setWatermark(useUserStore().userInfo.userName) : removeWatermark() @@ -193,8 +193,8 @@ watch( themeChange(val.value) }, { - immediate: true, - }, + immediate: true + } ) watch( () => sideTheme, @@ -203,8 +203,8 @@ watch( body.setAttribute('data-theme', '') }, { - immediate: true, - }, + immediate: true + } ) watch( () => mode, @@ -215,8 +215,8 @@ watch( }, { immediate: true, - deep: true, - }, + deep: true + } ) /** * 改变主题颜色 @@ -250,7 +250,7 @@ function saveSetting() { sideTheme: storeSettings.value.sideTheme, theme: storeSettings.value.theme, showFooter: storeSettings.value.showFooter, - showWatermark: storeSettings.value.showWatermark, + showWatermark: storeSettings.value.showWatermark } localStorage.setItem('layout-setting', JSON.stringify(layoutSetting)) setTimeout(proxy.$modal.closeLoading(), 100) @@ -266,7 +266,7 @@ function openSetting() { } defineExpose({ - openSetting, + openSetting })