admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 代码优化 components/ThemeSwitch

Browse Source
This commit is contained in:
pany 2023-05-22 14:04:31 +08:00
parent d22a44396d
commit 8a24b6d219
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ThemeSwitch/index.vue
View File

@ -1,16 +1,12 @@
<script lang="ts" setup> <script lang="ts" setup>
import { type ThemeName, useTheme } from "@/hooks/useTheme" import { useTheme } from "@/hooks/useTheme"
import { MagicStick } from "@element-plus/icons-vue" import { MagicStick } from "@element-plus/icons-vue"
const { themeList, activeThemeName, setTheme } = useTheme() const { themeList, activeThemeName, setTheme } = useTheme()
const handleSetTheme = (name: ThemeName) => {
setTheme(name)
}
</script> </script>
<template> <template>
<el-dropdown trigger="click" @command="handleSetTheme"> <el-dropdown trigger="click" @command="setTheme">
<div> <div>
<el-tooltip effect="dark" content="主题模式" placement="bottom"> <el-tooltip effect="dark" content="主题模式" placement="bottom">
<el-icon :size="20"> <el-icon :size="20">