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;