fix: ui

src/components/Footer/index.vue

@@ -4,7 +4,7 @@
   >
     <div class="pb-15 flex flex-col items-center">
       <div class="text-black-3 text-xl font-semibold">我们足迹踏过的地区</div>
-      <div class="w-24 h-3 my-10 bg-primary"></div>
+      <div class="w-24 h-3 my-5 bg-primary"></div>
       <div class="flex flex-wrap gap-20 mt-10">
         <NuxtLink
           :to="`/travel-projects?area=${item.parentId}&country=${item.id}`"
@@ -18,7 +18,7 @@
     <van-divider />
     <div class="py-15 flex flex-col items-center">
       <div class="text-black-3 text-xl font-semibold">逍遥游旅游网</div>
-      <div class="w-24 h-3 my-10 bg-primary"></div>
+      <div class="w-24 h-3 my-5 bg-primary"></div>
       <div
         class="text-sm text-black-6 flex flex-col items-center mt-10 leading-[26px]"
       >
@@ -29,7 +29,7 @@
     <van-divider />
     <div class="py-15 flex flex-col items-center">
       <div class="text-black-3 text-xl font-semibold">关于我们</div>
-      <div class="w-24 h-3 my-10 bg-primary"></div>
+      <div class="w-24 h-3 my-5 bg-primary"></div>
       <div class="flex items-center text-sm text-black-6 mt-10 space-x-30">
         <div>隐私政策</div>
         <div>用户协议</div>

src/components/Home/TravelNotes/index.client.vue

@@ -24,13 +24,13 @@
     </swiper-container>
     <div
       @click="handleLeftClick"
-      class="w-26 h-26 bg-white flex shadow-sm items-center justify-center absolute left-10 top-140 z-50 rounded-full"
+      class="w-30 h-30 bg-white flex shadow-sm items-center justify-center absolute left-10 top-140 z-50 rounded-full"
     >
       <span class="iconfont icon-left text-[#b0b0b0]"></span>
     </div>
     <div
       @click="handleRightClick"
-      class="w-26 h-26 bg-white flex shadow-sm items-center justify-center absolute right-10 top-140 z-50 rounded-full"
+      class="w-30 h-30 bg-white flex shadow-sm items-center justify-center absolute right-10 top-140 z-50 rounded-full"
     >
       <span class="iconfont icon-right text-[#b0b0b0]"></span>
     </div>