修改滚动到顶部层级

src/App.vue

@@ -132,6 +132,7 @@ body,html{
   bottom: 150px;
   width: 40px;
   height: 90px;
+  z-index: 2000;
 }
 .page-component-up img{
   width: 38px;

src/components/taskPage/JuanList.vue

@@ -324,7 +324,7 @@
     <!-- 图片 -->
     <div style="position:relative">
       <img style="width:100%" src="../../assets/img/juan/listbanner.png" alt="">
-      <div style="position: absolute;top:100px;width:100%;">
+      <div style="position: absolute;top:100px;width:100%;z-index:1000">
         <div class="serachDiv">
           <p class="f30 pfR" style="text-align:center;color:#fff">全世界最棒的旅游体验</p>
           <p style="text-align:center;color:#fff;margin-bottom:15px">探索有趣又独特目的地旅游体验</p>
@@ -361,10 +361,10 @@
       
     </div>
     <div class="w1200" style="margin-top:100px;padding-bottom:10px">
-      <p class="f30 pfR" style="">探索<span style="color:#EE4454">. 热门城市</span></p>
+      <p v-show="TOPlist.length>0" class="f30 pfR" style="">探索<span style="color:#EE4454">. 热门城市</span></p>
       <div class="hotCity">
-        <div v-for="(item,index) in TOPlist" :key="index" @mouseenter="mouseOver(index)" class="cityItem" :class="HoverIndex==index?'cityItemBig':''">
-           <img :src="item.imgs" alt="">
+        <div v-for="(item,index) in TOPlist" @click="Gourl(item)" :key="index" @mouseenter="mouseOver(index)" class="cityItem" :class="HoverIndex==index?'cityItemBig':''">
+           <img :src="item.imgs" :onerror="defaultImg" alt="">
            <p v-show="HoverIndex!=index" class="name text1">{{item.title}}</p>
            <div v-show="HoverIndex==index" class="CityHover">
              <p class="f26 pfR text1">{{item.title}}</p>