修改地图文字大小
parent
dba7a55972
commit
76f247fd97
|
|
@ -1,37 +1,38 @@
|
|||
<template>
|
||||
<div v-if="getShowDarkModeToggle" :class="getClass" @click="toggleDarkMode">
|
||||
<!-- <div v-if="getShowDarkModeToggle" :class="getClass" @click="toggleDarkMode">
|
||||
<div :class="`${prefixCls}-inner`"></div>
|
||||
<SvgIcon size="14" name="sun" />
|
||||
<SvgIcon size="14" name="moon" />
|
||||
</div>
|
||||
</div> -->
|
||||
<div></div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { computed, unref } from 'vue';
|
||||
import { SvgIcon } from '/@/components/Icon';
|
||||
import { useDesign } from '/@/hooks/web/useDesign';
|
||||
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
|
||||
import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
|
||||
import { updateDarkTheme } from '/@/logics/theme/dark';
|
||||
import { ThemeEnum } from '/@/enums/appEnum';
|
||||
import { computed, unref } from 'vue'
|
||||
import { SvgIcon } from '/@/components/Icon'
|
||||
import { useDesign } from '/@/hooks/web/useDesign'
|
||||
import { useRootSetting } from '/@/hooks/setting/useRootSetting'
|
||||
import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground'
|
||||
import { updateDarkTheme } from '/@/logics/theme/dark'
|
||||
import { ThemeEnum } from '/@/enums/appEnum'
|
||||
|
||||
const { prefixCls } = useDesign('dark-switch');
|
||||
const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting();
|
||||
const { prefixCls } = useDesign('dark-switch')
|
||||
const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting()
|
||||
|
||||
const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK);
|
||||
const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK)
|
||||
|
||||
const getClass = computed(() => [
|
||||
prefixCls,
|
||||
{
|
||||
[`${prefixCls}--dark`]: unref(isDark),
|
||||
},
|
||||
]);
|
||||
])
|
||||
|
||||
function toggleDarkMode() {
|
||||
const darkMode = getDarkMode.value === ThemeEnum.DARK ? ThemeEnum.LIGHT : ThemeEnum.DARK;
|
||||
setDarkMode(darkMode);
|
||||
updateDarkTheme(darkMode);
|
||||
updateHeaderBgColor();
|
||||
updateSidebarBgColor();
|
||||
const darkMode = getDarkMode.value === ThemeEnum.DARK ? ThemeEnum.LIGHT : ThemeEnum.DARK
|
||||
setDarkMode(darkMode)
|
||||
updateDarkTheme(darkMode)
|
||||
updateHeaderBgColor()
|
||||
updateSidebarBgColor()
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
|
|
@ -143,6 +143,7 @@
|
|||
show: isBack.value,
|
||||
textStyle: {
|
||||
color: '#fff',
|
||||
fontSize: isBack.value ? 16 : null,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue