|
@@ -182,13 +182,13 @@ const handleLogin = () => {
|
|
|
</div>
|
|
</div>
|
|
|
<div class="picture-module">
|
|
<div class="picture-module">
|
|
|
<div class="item" :class="{ active: themeStore.theme === 'light' }">
|
|
<div class="item" :class="{ active: themeStore.theme === 'light' }">
|
|
|
- <img src="./images/light.png" alt="" />
|
|
|
|
|
|
|
+ <img @click="toggleThemeMode('light')" src="./images/light.png" alt="" />
|
|
|
<div v-if="themeStore.theme === 'light'" class="selected-icon">
|
|
<div v-if="themeStore.theme === 'light'" class="selected-icon">
|
|
|
<span class="font_family icon-icon_confirm_b"></span>
|
|
<span class="font_family icon-icon_confirm_b"></span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="item" :class="{ active: themeStore.theme === 'dark' }">
|
|
<div class="item" :class="{ active: themeStore.theme === 'dark' }">
|
|
|
- <img src="./images/dark.png" alt="" />
|
|
|
|
|
|
|
+ <img @click="toggleThemeMode('dark')" src="./images/dark.png" alt="" />
|
|
|
<div v-if="themeStore.theme === 'dark'" class="selected-icon">
|
|
<div v-if="themeStore.theme === 'dark'" class="selected-icon">
|
|
|
<span class="font_family icon-icon_confirm_b"></span>
|
|
<span class="font_family icon-icon_confirm_b"></span>
|
|
|
</div>
|
|
</div>
|
|
@@ -363,6 +363,7 @@ div.el-popover.el-popper.toggle-theme-popover {
|
|
|
img {
|
|
img {
|
|
|
width: 154px;
|
|
width: 154px;
|
|
|
height: 90px;
|
|
height: 90px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
&.active {
|
|
&.active {
|
|
|
border: 2px solid var(--color-theme);
|
|
border: 2px solid var(--color-theme);
|