jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(projects): add switch for customize darkmode transition

Browse Source
This commit is contained in:
Soybean
2023-06-20 22:33:22 +08:00
parent d3ebe95076
commit 6e0cce4d49
7 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/dark-mode-switch.vue
View File

@ -13,6 +13,8 @@ defineOptions({ name: 'DarkModeSwitch' });
interface Props {
/** 暗黑模式 */
dark?: boolean;
/** 自定义暗黑模式动画过渡 */
customizeTransition?: boolean;
}
const props = withDefaults(defineProps<Props>(), {
@ -38,7 +40,7 @@ async function handleSwitch(event: MouseEvent) {
const x = event.clientX;
const y = event.clientY;
if (!document.startViewTransition) {
if (!props.customizeTransition || !document.startViewTransition) {
darkMode.value = !darkMode.value;
return;
}