🎨 优化顶栏细节

src/common/components/CommonTopBanner.vue

@@ -8,6 +8,7 @@
       minHeight: '100vh',
     }">
       <StatusBarSpace  />
+      <Height :height="40" />
       <NavBar 
         v-if="showNav"
         :title="title" 
@@ -23,6 +24,7 @@
 <script setup lang="ts">
 import CommonRoot from '@/components/dialog/CommonRoot.vue';
 import FlexCol from '@/components/layout/FlexCol.vue';
+import Height from '@/components/layout/space/Height.vue';
 import StatusBarSpace from '@/components/layout/space/StatusBarSpace.vue';
 import NavBar from '@/components/nav/NavBar.vue';
 

src/pages/home/village/index.vue

@@ -2,7 +2,7 @@
   <CommonRoot>
     <FlexCol v-if="showSwitch" position="absolute" :left="0" :top="0" :right="0" backgroundColor="rgba(255,255,255,0.5)">
       <StatusBarSpace />
-      <FlexRow gap="gap.md">
+      <FlexRow gap="gap.lg" :padding="30">
         <BubbleTip
           v-model:show="showFollowTip"
           position="bottom"
@@ -16,20 +16,19 @@
             icon="https://xy.wenlvti.net/app_static/images/home/IconSwitch.png"
             :text="villageStore.currentVillage?.name || '未选择村社'"
             :textColor="topTab === 'village' ? 'text.titleLight' : 'text.content'"
-            color="transparent"
-            type="custom" 
+            size="small"
             @click="showMyFollowPopup = true"
           />
         </BubbleTip>
-        <Button 
-          type="custom" 
-          color="transparent" 
+        <Button
           :textColor="topTab === 'around' ? 'text.titleLight' : 'text.content'"
           text="周边村社" 
+          size="small"
           @click="topTab = 'around'" 
         />
       </FlexRow>
     </FlexCol>
+    <Height :height="40" />
     <FlexCol v-if="topTab === 'village' && villageStore.currentVillage" gap="gap.md">
       <FlexCol v-if="!isLight" center :padding="[60,0]" gap="gap.md">
         <Image src="https://xy.wenlvti.net/app_static/images/home/BadgeNew.png" :width="320" mode="widthFix" />