fix:ui

src/components/TravelDetail/BaseInfo.vue

@@ -1,25 +1,27 @@
 <template>
   <div class="text-base">
-    <div class="text-3xl font-semibold text-black-3">
-      {{ data.projectTitle }}
-    </div>
-    <div class="mt-10 flex flex-wrap items-center gap-7">
+    <div class="min-h-250">
+      <div class="text-3xl font-semibold text-black-3">
+        {{ data.projectTitle }}
+      </div>
+      <div class="mt-10 flex flex-wrap items-center gap-7">
+        <div
+          v-for="item in lableList"
+          :key="item"
+          class="flex h-20 items-center justify-center rounded border border-current px-10 text-sm text-[#FD9A00]"
+        >
+          {{ item }}
+        </div>
+      </div>
       <div
-        v-for="item in lableList"
-        :key="item"
-        class="flex h-20 items-center justify-center rounded border border-current px-10 text-sm text-[#FD9A00]"
+        class="mt-16 flex w-full items-start space-x-5 rounded-xl bg-[#F8F8F8] px-20 py-10"
       >
-        {{ item }}
+        <span
+          class="text-base leading-6xl text-black-6"
+          v-html="data.sellingPoint?.replace(/\n/g, '<br/>')"
+        ></span>
       </div>
     </div>
-    <div
-      class="mt-16 flex w-full items-start space-x-5 rounded-xl bg-[#F8F8F8] px-20 py-10"
-    >
-      <span
-        class="text-base leading-6xl text-black-6"
-        v-html="data.sellingPoint?.replace(/\n/g, '<br/>')"
-      ></span>
-    </div>
     <div class="mt-17 flex items-center justify-between">
       <div>
         <span class="text-4xl font-semibold text-[#FF2222]"

src/components/TravelDetail/Photos.vue

@@ -13,7 +13,7 @@
         v-for="item in photosList"
         @mouseenter="currentPic = item"
         :src="item"
-        class="h-67 w-150 shrink-0"
+        class="h-67 w-150 shrink-0 border-[2px] border-transparent hover:border-[#FD9A00]"
       />
     </div>
   </div>

src/components/TravelDetail/PinTuan/Users.vue

@@ -2,14 +2,10 @@
   <div
     v-loading="loading"
     class="box-border flex h-full flex-col bg-[url('~/assets/img/travel_detail/bg_user_display.png')] bg-cover bg-no-repeat p-15 text-base"
+    :class="{ 'bg-[#FFFCF6] bg-none': !listData.length }"
   >
     <div class="flex items-center space-x-5 text-xl font-semibold text-black-3">
-      <img
-        src="~/assets/img/travel_detail/pintuan_03.png"
-        class="w-18"
-        alt=""
-        srcset=""
-      />
+      <img src="~/assets/img/travel_detail/pintuan_03.png" class="w-18" />
       <span>正在拼团</span>
     </div>
 
@@ -61,7 +57,7 @@ async function getListData() {
     `/website/app/tourProjectGroupPurchase/queryGroupPurchaseUser?groupPurchaseProgressId=${props.pinTuanId}`
   )
   loading.value = false
-  listData.value = data
+  // listData.value = data
 }
 
 watch(