Files
ruoyi-plus-soybean/src/layouts/BasicLayout/components/GlobalHeader/components/ThemeMode.vue

16 lines
532 B
Vue

<template>
<hover-container class="w-40px" content-class="hover:text-primary" tooltip-content="主题模式" @click="toggleDarkMode">
<icon-mdi-moon-waning-crescent v-if="theme.darkMode" class="text-14px" />
<icon-mdi-white-balance-sunny v-else class="text-14px" />
</hover-container>
</template>
<script lang="ts" setup>
import { HoverContainer } from '@/components';
import { useThemeStore } from '@/store';
const theme = useThemeStore();
const { toggleDarkMode } = useThemeStore();
</script>
<style scoped></style>