no message

src/pages/detailsNew.vue

@@ -451,7 +451,7 @@
         >
           <flight :price="currentPrice"></flight>
           <div
-            class="text-h5 text-weight-bold text-left q-pb-xl"
+            class="text-h5 text-weight-bold text-left q-pb-sm"
             ref="feature"
             :class="{
               'q-px-md': $q.screen.width < 1220 && $q.platform.is.mobile,
@@ -460,29 +460,30 @@
             行程特色
           </div>
           <div class="relative">
-            <!-- <div
+
+          <div class="q-pb-xl" v-if="tripImages&&tripImages.length>0"
+            ref="diyContext">
+            <div v-for="(x,i) in tripImages">
+              <img class="block" :src="x.header" width="100%">
+              <img class="block" :src="x.page" style="width: 100%">
+              <div class="tripImages-footer">
+                <img class="block" :src="x.footer" style="width: 100%">
+              </div>
+            </div>
+          </div>
+          <div
             class="q-mt-md trip-text q-pb-xl line-feature large-feature"
             ref="diyContext"
             v-html="dataList.feature.featureContent"
-            v-if="dataList.feature.featureContent != ''"
+            v-else-if="dataList.feature.featureContent != ''"
           ></div>
           <div
             class="q-mt-md q-pb-xl line-feature"
             ref="diyContext"
             :style="{ zoom: zoomDiyContext }"
             v-html="dataList.feature.featureHtml"
-            v-if="dataList.feature.featureHtml != '' && (!tripImages || tripImages.length==0)"
-          ></div> -->
-          <div v-if="tripImages&&tripImages.length>0"
-            ref="diyContext">
-            <div v-for="(x,i) in tripImages">
-              <!-- <img class="block" :src="x.header" width="100%"> -->
-              <img class="block" :src="x.page" style="width: 100%">
-              <div class="tripImages-footer">
-                <img class="block" :src="x.footer" style="width: 100%">
-              </div>
-            </div>
-          </div>
+            v-else-if="dataList.feature.featureHtml != '' && (!tripImages || tripImages.length==0)"
+          ></div>
           </div>
 
           <div
@@ -1113,19 +1114,23 @@ export default {
               }
               this.$nextTick(() => {
                 if (this.dataList.feature.featureHtml != "") {
+                  // parseFloat(
+                  //     this.$refs.diyContext.getBoundingClientRect().width
+                  //   ) / 1123.0;
                   let tw =
                     parseFloat(
                       this.$refs.diyContext.getBoundingClientRect().width
-                    ) / 1123.0;
+                    );
 
                   let divArr = document.querySelectorAll("#setZoom>div");
                   for (let i = 0; i < divArr.length; i++) {
                     let div = divArr[i];
                     if (this.$q.platform.is.mobile) {
+                      // document.documentElement.clientWidth / 1123.0
                       div.style.zoom =
                         div.offsetWidth > 1000
                           ? 0.999
-                          : document.documentElement.clientWidth / 1123.0;
+                          : document.documentElement.clientWidth;
                     } else {
                       div.style.zoom = 1;
                     }