coder-xiaomo/business-center-vite
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity GitHub Gitee

feat: 深色模式适配

Browse Source
This commit is contained in:
小墨
2025-02-22 22:11:39 +08:00
parent efdc89bba1
commit 907c6dd1c2
8 changed files with 156 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/views/MainView.vue
View File

@@ -1,20 +1,20 @@
<template>
<RouterView />
<header>
<div class="wrapper">
<ElButton @click="() => themeConfigStore.elConfig.size = 'small'">哈哈哈</ElButton>
<ElButton @click="() => themeConfigStore.elConfig.size = 'default'">哈哈哈</ElButton>
<ElButton @click="() => themeConfigStore.elConfig.size = 'large'">哈哈哈</ElButton>
<nav>
<!-- <RouterLink to="/">Home</RouterLink> -->
<!-- <RouterLink to="/about">About</RouterLink> -->
</nav>
</div>
</header>
<DarkSwitch />
<div class="wrapper">
<ElButton @click="() => themeConfigStore.elConfig.size = 'small'">哈哈哈</ElButton>
<ElButton @click="() => themeConfigStore.elConfig.size = 'default'">哈哈哈</ElButton>
<ElButton @click="() => themeConfigStore.elConfig.size = 'large'">哈哈哈</ElButton>
<nav>
<!-- <RouterLink to="/">Home</RouterLink> -->
<!-- <RouterLink to="/about">About</RouterLink> -->
</nav>
</div>
</template>
<script setup lang="ts">
import DarkSwitch from '@/components/DarkSwitch/DarkSwitch.vue';
import { useThemeConfigStore } from '@/stores/themeConfig';
import { ElButton } from 'element-plus';
import { RouterLink, RouterView } from 'vue-router'