From 9bdb515a6d5d9c4e9698fca2685fdda111cf496b Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Sun, 4 Feb 2024 17:18:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A2=98icon=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon/theme.png | Bin 0 -> 712 bytes
 src/layout/components/Navbar.vue |  28 ++++++++++++++++++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/images/icon/theme.png

diff --git a/src/assets/images/icon/theme.png b/src/assets/images/icon/theme.png
new file mode 100644
index 0000000000000000000000000000000000000000..afdc1cae5f462bcfe8a9834507e045ee9a4c0529
GIT binary patch
literal 712
zcmV;(0yq7MP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%f=NU{R9Hvtmpy0{Q4q)fvpEoKw2b#=FK3ikMU-?_T8W6Dq9WQv5QL~87D5D#
z(VU=7L<LJL1wX*V!a@XtAK0YOfFCHqBX8cKC=o0UIo%zz;Sw(E-XUB<Qrv5{*qM31
z_uDsbcL|F;Xp!f~(g!fcYzNR!L|qkI{UUNM&73i2v?^|xhz6{+qxCG;HNedM0L}vV
z0pJaQH2}&YvNl<inb*fLMD$fv-vihTpron==iJ3w5UBvUT&^pMqFVsg0k{v~f{2VU
z^DzL|Vk1cl%p6<kBcefT?MdJFcdBY1fDKbHBT*C;f*^R31o;PmnJ-O|pNa!jwZ}Pk
zV<st^&2IEO?*)M6s(K_0!^bTxEq{pU0Dw5}Z4^a&f*|-1=j8MGm0=k6sp^SJjmxD{
zsW3S?`E#b`8~|q4%EUzgTb*+sQ&h)lpQb4Np2=kVVzKxuc`sq(wdZ*UCnhG|#c{I$
z%zPEVaRApvB)--h?d|O=%H{HD0385+0~i;P-g-F+8?QuUQxYIv{fLNcS;(`2na2Qh
zipcchs||co)r@m)^#TKY1Mo#eI+Fm80Bnn*C>I2QHO6#%p7-2ZJKhM8F{XovvLZ6l
z+S;1WWHO&s^^S9Hf9f7k)kBqb$^&>X)qcAh0q}kQp{njs)t8><^{VPKB06KO9Y_L9
z_i<vfhW7+B#~l-Q&g>wfUDn#6IRI^KZL7jCybWNPstyv--TBy*RRD(poLAK$=iJfM
zbD)~Cawg21ftg*Oe4I7k1x<jafu@0`fu@0`0b|TfBI<7BTc9fUo`~#At5x^M#P|Ik
uRo&YNgsKiZ=dRSMvGo598(IDT<o*SuNrW(jtC*Ak0000<MNUMnLSTa2P({E1

literal 0
HcmV?d00001

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 8326434..2362287 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -4,9 +4,10 @@
 
     <div class="right-menu">
       <!-- 主题切换 -->
-      <div class="themeBox" style="font-size:12px; margin-right:20px; cursor: pointer;">
-        <span @click="changetheme('dark')">深色主题</span>
-        <span @click="changetheme('light')">浅色主题</span>
+      <div class="themeBox" style="font-size:12px; margin-right:20px; cursor: pointer; padding: 21px 10px 10px 10px;" @click="changetheme">
+        <!-- <span @click="changetheme('dark')">深色主题</span>
+        <span @click="changetheme('light')">浅色主题</span> -->
+        <span class="theme-btn" />
       </div>
       <div style="font-size: 18px; color: #1C1C1C; margin-right: 30px; cursor: pointer;" class="iconfont icon-jieyueche-ding" />
       <!-- 消息中心 -->
@@ -94,7 +95,8 @@ export default {
       Avatar: Avatar,
       defaultImg: 'this.src="' + require('@/assets/images/avatar.png') + '"',
       msgList: [],
-      themeValue: localStorage.getItem('themeValue') ? localStorage.getItem('themeValue') : 'dark'
+      isTheme: false,
+      themeValue: localStorage.getItem('themeValue') ? localStorage.getItem('themeValue') : 'light'
     }
   },
 
@@ -126,7 +128,7 @@ export default {
   created() {
     this.getMsgList()
     if (!localStorage.getItem('themeValue')) {
-      this.changetheme('dark')
+      this.changetheme('light')
     }
   },
   methods: {
@@ -211,7 +213,14 @@ export default {
     handleClose(done) {
       done()
     },
-    changetheme(theme) {
+    changetheme() {
+      this.isTheme = !this.isTheme
+      let theme = ''
+      if (this.isTheme) {
+        theme = 'light'
+      } else {
+        theme = 'dark'
+      }
       window.document.documentElement.setAttribute('data-theme', theme)
       localStorage.setItem('themeValue', theme)
     }
@@ -315,4 +324,11 @@ export default {
     }
   }
 }
+.theme-btn{
+  display: block;
+  width: 20px;
+  height: 20px;
+  background: url("~@/assets/images/icon/theme.png") no-repeat;
+  background-size: 100% 100%;
+}
 </style>