no message

@@ -1036,7 +1036,7 @@ img{display: block;}
  }
  .fixed_gg_l{
 	 position: fixed;right:5px;
-	 top: 25%;
+	 top: 18%;
 	 z-index: 10;
 	 animation: pop 4s ease infinite;
 	 img{height: 150px;cursor: pointer;}

 <template>
   <div>
     <div class="banner">
-      <el-carousel class="forPc" autoplay :interval="3000" height="450px" :autoplay="false" arrow="hover" @change="carouselChange">
+      <el-carousel class="forPc" autoplay :interval="2000" height="450px" :autoplay="false" arrow="hover" @change="carouselChange">
         <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
           <div class="bannerItem">
             <div class="h100">
@@ -39,7 +39,7 @@
           </div>
         </el-carousel-item>
       </el-carousel>
-      <el-carousel class="forWei" height="160px" :autoplay="false" arrow="hover" @change="carouselChange">
+      <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
         <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
           <div class="bannerItem" style="height:100%">
             <div class="h100" style="position: relative">
@@ -95,9 +95,9 @@
 <!--              <el-button type="primary" @click="popMaster">青少年公益课</el-button>-->
               <a class="zn-btn ml20 btn-q"  v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a>
 
-              <div>
-                <a class="ding"  @click="handlePickup">接/送机服务</a>
-              </div>
+<!--              <div>-->
+<!--                <a class="ding"  @click="handlePickup">接/送机服务</a>-->
+<!--              </div>-->
 
             </div>
           </el-col>

 <template>
   <div>
     <div class="banner">
-      <el-carousel height="450px" class="forPc" :autoplay="false" arrow="hover"  @change="carouselChange">
+      <el-carousel height="450px"  autoplay :interval="2000" class="forPc" :autoplay="false" arrow="hover"  @change="carouselChange">
         <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
           <div class="bannerItem">
             <div class="h100">
@@ -37,7 +37,7 @@
           </div>
         </el-carousel-item>
       </el-carousel>
-      <el-carousel class="forWei" height="160px" :autoplay="false" arrow="hover" @change="carouselChange">
+      <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
         <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
           <div class="bannerItem" style="height:100%">
             <div class="h100" style="position: relative">
@@ -93,10 +93,10 @@
                 <a class="zn-btn ml20 btn-q"  v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster">
                   Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon>
                 </a>
-                <div>
-                  <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service
-                  </a>
-                </div>
+<!--                <div>-->
+<!--                  <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service-->
+<!--                  </a>-->
+<!--                </div>-->
 
               </div>
 

@@ -318,7 +318,8 @@
       </div>
     </el-dialog>
 
-
+    <a class="ding"  @click="openPickup" v-if="matchData.leagueId==0">{{ language==0?'接 / 送机服务':'Pick-up/drop-off service' }}</a>
+    <pickup ref="pickupRef"></pickup>
   </div>
 </template>
 
@@ -329,7 +330,7 @@ import MatchNews from "@/viewsPc/match/components/matchNews";
 import SubstationList from "@/viewsPc/match/components/substation-list";
 import MatchInfoProjectList from "@/viewsPc/match/components/matchInfo-projectList";
 import QuickRow from "@/viewsPc/match/components/quick-row";
-
+import pickup from '@/viewsPc/components/pickup'
 import {getCurrentInstance, ref} from 'vue'
 import {reactive, onMounted} from '@vue/runtime-core'
 import {useRoute, useRouter} from 'vue-router'
@@ -724,9 +725,28 @@ function applyInvitation() {
   proxy.$refs['dialogInvitationRef'].open(obj)
 }
 
+const openPickup= () => {
+  const obj = {
+    title:language.value==0?'接 / 送机服务':'Pick-up/drop-off service' ,
+    cptId:matchId.value
+  }
+  proxy.$refs['pickupRef'].open(obj)
+}
 </script>
 
 <style scoped lang="scss">
+.ding{
+  position: fixed;
+  right: 0;
+  z-index:99;
+  top:38%;
+  background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
+  box-shadow: 0 0 10px #666;
+  color: #fff;
+  border-radius: 10px;
+  padding: 10px 20px;
+  text-align: center;
+}
 .rItem {
   height: 130px;
   cursor: pointer;