Merge branch 'main' into feat/theme-toggle-transition

frontend_nuxt/components/HeaderComponent.vue

@@ -8,7 +8,7 @@
           </button>
           <span v-if="isMobile && unreadCount > 0" class="menu-unread-dot"></span>
         </div>
-        <NuxtLink class="logo-container" :to="`/`">
+        <NuxtLink class="logo-container" :to="`/`" @click="refrechData">
           <img
             alt="OpenIsle"
             src="https://openisle-1307107697.cos.ap-guangzhou.myqcloud.com/assert/image.png"
@@ -25,11 +25,7 @@
             <i class="fas fa-search"></i>
           </div>
 
-          <ToolTip
-            v-if="!isMobile"
-            content="发帖"
-            placement="bottom"
-          >
+          <ToolTip v-if="!isMobile" content="发帖" placement="bottom">
             <div class="new-post-icon" @click="goToNewPost">
               <i class="fas fa-edit"></i>
             </div>
@@ -129,6 +125,10 @@ const goToNewPost = () => {
   navigateTo('/new-post', { replace: false })
 }
 
+const refrechData = async () => {
+  await fetchUnreadCount()
+}
+
 const headerMenuItems = computed(() => [
   { text: '设置', onClick: goToSettings },
   { text: '个人主页', onClick: goToProfile },
@@ -294,6 +294,7 @@ onMounted(async () => {
 .new-post-icon {
   font-size: 18px;
   cursor: pointer;
+  margin-right: 10px;
 }
 
 @media (max-width: 1200px) {

frontend_nuxt/components/MenuComponent.vue

@@ -115,11 +115,15 @@
           </div>
         </div>
       </div>
-      <div class="menu-footer">
-        <div class="menu-footer-btn" @click="(e) => cycleTheme(e)">
-          <i :class="iconClass"></i>
+      
+      <!-- 解决动态样式的水合错误 -->
+      <ClientOnly>
+        <div class="menu-footer">
+          <div class="menu-footer-btn" @click="cycleTheme">
+            <i :class="iconClass"></i>
+          </div>
         </div>
-      </div>
+      </ClientOnly>
     </nav>
   </transition>
 </template>