From 24cbed2edaa7ba84f30a4eab0cfc47057025ce8c Mon Sep 17 00:00:00 2001
From: CH-122 <1521930938@qq.com>
Date: Fri, 15 Aug 2025 10:59:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=8F=91=E5=B8=96=E6=82=AC=E6=B5=AE=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/app.vue                        | 34 ++++++++++++++++++--
 frontend_nuxt/components/HeaderComponent.vue |  2 ++
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index 3c271e589..2e7c43954 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -1,5 +1,6 @@
 <template>
   <div id="app">
+
     <div class="header-container">
       <HeaderComponent
         ref="header"
@@ -9,12 +10,17 @@
     </div>
 
     <div class="main-container">
+   
       <div class="menu-container" v-click-outside="handleMenuOutside">
         <MenuComponent :visible="!hideMenu && menuVisible" @item-click="menuVisible = false" />
       </div>
       <div class="content" :class="{ 'menu-open': menuVisible && !hideMenu }">
         <NuxtPage keepalive />
       </div>
+ 
+      <div v-if='!menuVisible && route.path !== "/new-post"'  class="new-post-icon" @click="goToNewPost">
+        <i class="fas fa-edit"></i>
+      </div>
     </div>
     <GlobalPopups />
   </div>
@@ -23,8 +29,8 @@
 <script>
 import HeaderComponent from '~/components/HeaderComponent.vue'
 import MenuComponent from '~/components/MenuComponent.vue'
-
 import GlobalPopups from '~/components/GlobalPopups.vue'
+import { useIsMobile } from '~/utils/screen'
 
 export default {
   name: 'App',
@@ -32,6 +38,8 @@ export default {
   setup() {
     const isMobile = useIsMobile()
     const menuVisible = ref(!isMobile.value)
+    const route = useRoute()
+
     const hideMenu = computed(() => {
       return [
         '/login',
@@ -65,12 +73,16 @@ export default {
       }
     }
 
-    return { menuVisible, hideMenu, handleMenuOutside, header }
+    const goToNewPost = () => { 
+      navigateTo('/new-post', { replace: false })
+    }
+
+    return { menuVisible, hideMenu, handleMenuOutside, header, route, goToNewPost }
   },
 }
 </script>
 <style src="~/assets/global.css"></style>
-<style>
+<style scoped>
 .header-container {
   position: fixed;
   top: 0;
@@ -103,6 +115,22 @@ export default {
   margin: 0 auto;
 }
 
+.new-post-icon {
+  background-color: var(--primary-color);
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  position: fixed;
+  bottom: 40px;
+  right: 20px;
+  font-size: 20px;
+  cursor: pointer;
+  z-index: 1000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 @media (max-width: 768px) {
   .content,
   .content.menu-open {
diff --git a/frontend_nuxt/components/HeaderComponent.vue b/frontend_nuxt/components/HeaderComponent.vue
index 96e22905c..866256bfc 100644
--- a/frontend_nuxt/components/HeaderComponent.vue
+++ b/frontend_nuxt/components/HeaderComponent.vue
@@ -26,6 +26,7 @@
           </div>
 
           <ToolTip
+            v-if="!isMobile"
             content="发帖"
             placement="bottom"
           >
@@ -62,6 +63,7 @@
 import { ClientOnly } from '#components'
 import { computed, nextTick, ref, watch } from 'vue'
 import DropdownMenu from '~/components/DropdownMenu.vue'
+import ToolTip from '~/components/ToolTip.vue'
 import SearchDropdown from '~/components/SearchDropdown.vue'
 import { authState, clearToken, loadCurrentUser } from '~/utils/auth'
 import { fetchUnreadCount, notificationState } from '~/utils/notification'