update

src/components/taskPage/FoodImg4.vue

@@ -6,7 +6,7 @@
 }
 .div1 img {
     width: 100%;
-    position: absolute;
+    /* position: absolute; */
     z-index:100;
 }
 .Homeimg{
@@ -51,7 +51,7 @@ height: 100%;
 <div>
     <div style="position: relative;" v-show="isPhone">
         <img @click="goUrl('Home')" class="Homeimg" src="../../assets/img/juan/home.png" alt />
-        <div class="div3 div1" ref="div3" :style="{height: height2}">
+        <div class="div3 div1" ref="div3" >
             
             <!--  -->
             <img class="img" src="../../assets/img/juan/juan4_p1.jpg" alt=""/>
@@ -283,14 +283,13 @@ export default {
             break;
         }
     }
-     console.log("this.isPhone",this.isPhone)
   },
   created() {
       this.cityId=localStorage.cityId?localStorage.cityId:0;
       this.companyId=localStorage.site?parseInt(localStorage.site):0;
       this.Cztm();
       let oWidth = window.screen.width;
-      this.height2=(6363/1920)*oWidth+500+'px';
+    //   this.height2=(6363/1920)*oWidth+500+'px';
     //   this.height2=(3702/750)*oWidth+'px';      
   },
   components: {

src/components/taskPage/JuanList.vue

@@ -140,7 +140,7 @@
   align-items: center;
   justify-content: center;
 }
-.juanList .nodataDiv .moreItem:hover .textDiv{
+.juanList .MoreDiv .moreItem:hover .textDiv{
   box-shadow: 0 0 15px 2px #f5f5f5;
 }
 .juanList .MoreDiv .moreItem{
@@ -425,12 +425,11 @@
                     <img :src="item.imgs" :onerror="defaultImg" alt="">
                   </div>
                     <div v-else class="noneData">
-                      
                       <img src="../../assets/img/logo_t.png" alt="">
                     </div>
                 </div>
                 <div class="textDiv">
-                    <p class="text2 pfR" style="padding:16px 0">{{item.title}}</p>
+                    <p class="text2 pfR" style="padding:16px 0 0 0;height:56px">{{item.title}}</p>
                     <p class="text2 f12 c88">
                     <span v-html="item.descriptions"></span>
                     </p> 
@@ -550,11 +549,11 @@
 </div>
 </template>
 <script>
-import vueWaterfallEasy from 'vue-waterfall-easy'
+// import vueWaterfallEasy from 'vue-waterfall-easy'
 export default {
- components: {
-        vueWaterfallEasy
-    },
+//  components: {
+//         vueWaterfallEasy
+//     },
   data(){
     return{
       defaultImg: 'this.src="' + require('assets/img/juan/error.png') + '"',