From d0fd7cb653b00bb5010f44c40726ecec99e2c4ad Mon Sep 17 00:00:00 2001
From: linxi <linxi.jiang@jeeyor.com>
Date: Wed, 27 Nov 2024 15:54:21 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A2707=20=E3=80=90=E9=9D=9E=E9=81=97?=
 =?UTF-8?q?=E6=96=87=E5=8C=96=E3=80=91=E6=89=8B=E6=9C=BA=E5=9E=8B=E5=8F=B7?=
 =?UTF-8?q?=EF=BC=9AiQOO=20neo7SE--=E9=9D=9E=E9=81=97=E6=96=87=E5=8C=96?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=88=86=E7=B1=BB2=E7=9A=84?=
 =?UTF-8?q?=E5=BA=97=E9=93=BA=EF=BC=8C=E4=B8=80=E5=8F=A5=E8=AF=9D=E4=BB=8B?=
 =?UTF-8?q?=E7=BB=8D=E8=B6=85=E5=87=BA=E4=B8=A4=E8=A1=8C=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=95=88=E6=9E=9C=E9=9C=80=E8=A6=81=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/heritage/details.vue | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/pkg_product/views/heritage/details.vue b/pkg_product/views/heritage/details.vue
index beaff5d..d0135b6 100644
--- a/pkg_product/views/heritage/details.vue
+++ b/pkg_product/views/heritage/details.vue
@@ -20,12 +20,12 @@
       <view class="tab-btn" :class="{ 'v12-primary': actived === 1, 'v12-white-text': actived === 1 }" @click="handleTab(1)">{{details.pageA.title}}</view>
       <view class="tab-btn v12-ml-3" :class="{ 'v12-primary': actived === 2, 'v12-white-text': actived === 2 }" @click="handleTab(2)">{{details.pageB.title}}</view>
     </view>
-    <view class="pageA" v-if="actived === 1">
+    <view class="pageA" v-show="actived === 1">
       <view class="intro" style="white-space: break-spaces;">
         {{ details.pageA.content }}
       </view>
-      <view class="v12-d-grid-columns-2 card-wrap v12-mt-3">
-        <view class="card-item" v-for="(item, index) in details.pageA.images" :key="index" @click="viewImg(item)">
+      <view class="v12-d-grid-columns-2 card-wrap v12-mt-3" v-if="details.pageA && details.pageA.images.length > 0">
+        <view class="card-item" v-for="(item, i) in details.pageA.images" :key="i" @click="viewImg(item)">
           <image  class="card-item-img" :src="item.image" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
           <view class="v12-justify-center">
             《
@@ -36,7 +36,7 @@
           </view>
         </view>
       </view>
-      <view v-if="details.pageA.images.length === 0">
+      <view v-else>
         <image
           :src="webUrl + '/orderIcon/wu.png'"
           mode="scaleToFill"
@@ -47,10 +47,12 @@
     <view class="pageB"  v-if="actived === 2">
       <view class="v12-d-grid-columns-2 card-wrap v12-mt-3">
         <!--  -->
-        <view class="card-item v12-white v12-radius-20" v-for="(item, index) in details.pageB.hotels" :key="index" @click="toStore(item)">
-          <image class="card-item-img" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
-          <view class="more-t v12-font-28 v12-font-bold v12-px-2" style="height: 76rpx">
-            {{ item.content || '' }}
+        <view class="card-item v12-white v12-radius-20 column-flex" v-for="(item, index) in details.pageB.hotels" :key="index" @click="toStore(item)">
+          <view>
+            <image class="card-item-img" :src="item.cover" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
+            <view class="more-t v12-font-28 v12-font-bold v12-px-2">
+              {{ item.content || '' }}
+            </view>
           </view>
           <view class="card-footer v12-pa-2">
             <image class="footer-logo v12-mr-3" :src="item.logo" mode="aspectFit|aspectFill|widthFix" lazy-load="false"> </image>
@@ -59,7 +61,7 @@
         </view>
         
       </view>
-      <view v-if="details.pageB.hotels.length === 0">
+      <view v-if="details.pageB && details.pageB.hotels.length === 0">
         <image
           :src="webUrl + '/orderIcon/wu.png'"
           mode="scaleToFill"
@@ -110,6 +112,11 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.column-flex {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
 .img-nodata {
   position: relative;
   top: 0;