Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
5565d553 by 杨炀
Options

no message

1 parent 46b96378
Inline Side-by-side
Showing 4 changed files with 34 additions and 14 deletions
src/assets/styles/ruoyi.scss
...@@ -1036,7 +1036,7 @@ img{display: block;} ...@@ -1036,7 +1036,7 @@ img{display: block;}
1036 } 1036 }
1037 .fixed_gg_l{ 1037 .fixed_gg_l{
1038 position: fixed;right:5px; 1038 position: fixed;right:5px;
1039 top: 25%; 1039 top: 18%;
1040 z-index: 10; 1040 z-index: 10;
1041 animation: pop 4s ease infinite; 1041 animation: pop 4s ease infinite;
1042 img{height: 150px;cursor: pointer;} 1042 img{height: 150px;cursor: pointer;}
......
src/viewsPc/index.vue
1 <template> 1 <template>
2 <div> 2 <div>
3 <div class="banner"> 3 <div class="banner">
4 <el-carousel class="forPc" autoplay :interval="3000" height="450px" :autoplay="false" arrow="hover" @change="carouselChange"> 4 <el-carousel class="forPc" autoplay :interval="2000" height="450px" :autoplay="false" arrow="hover" @change="carouselChange">
5 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id"> 5 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
6 <div class="bannerItem"> 6 <div class="bannerItem">
7 <div class="h100"> 7 <div class="h100">
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 </div> 39 </div>
40 </el-carousel-item> 40 </el-carousel-item>
41 </el-carousel> 41 </el-carousel>
42 <el-carousel class="forWei" height="160px" :autoplay="false" arrow="hover" @change="carouselChange"> 42 <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
43 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id"> 43 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
44 <div class="bannerItem" style="height:100%"> 44 <div class="bannerItem" style="height:100%">
45 <div class="h100" style="position: relative"> 45 <div class="h100" style="position: relative">
...@@ -95,9 +95,9 @@ ...@@ -95,9 +95,9 @@
95 <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>--> 95 <!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>-->
96 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a> 96 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" @click="popMaster">青少年公益课报名</a>
97 97
98 <div> 98 <!-- <div>-->
99 <a class="ding" @click="handlePickup">接/送机服务</a> 99 <!-- <a class="ding" @click="handlePickup">接/送机服务</a>-->
100 </div> 100 <!-- </div>-->
101 101
102 </div> 102 </div>
103 </el-col> 103 </el-col>
......
src/viewsPc/index_en.vue
1 <template> 1 <template>
2 <div> 2 <div>
3 <div class="banner"> 3 <div class="banner">
4 <el-carousel height="450px" class="forPc" :autoplay="false" arrow="hover" @change="carouselChange"> 4 <el-carousel height="450px" autoplay :interval="2000" class="forPc" :autoplay="false" arrow="hover" @change="carouselChange">
5 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id"> 5 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
6 <div class="bannerItem"> 6 <div class="bannerItem">
7 <div class="h100"> 7 <div class="h100">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 </div> 37 </div>
38 </el-carousel-item> 38 </el-carousel-item>
39 </el-carousel> 39 </el-carousel>
40 <el-carousel class="forWei" height="160px" :autoplay="false" arrow="hover" @change="carouselChange"> 40 <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
41 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id"> 41 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
42 <div class="bannerItem" style="height:100%"> 42 <div class="bannerItem" style="height:100%">
43 <div class="h100" style="position: relative"> 43 <div class="h100" style="position: relative">
...@@ -93,10 +93,10 @@ ...@@ -93,10 +93,10 @@
93 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster"> 93 <a class="zn-btn ml20 btn-q" v-show="matchData?.id=='1778253367748993026'" style="font-size: 15px;margin-right: 20px" @click="popMaster">
94 Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon> 94 Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon>
95 </a> 95 </a>
96 <div> 96 <!-- <div>-->
97 <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service 97 <!-- <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service-->
98 </a> 98 <!-- </a>-->
99 </div> 99 <!-- </div>-->
100 100
101 </div> 101 </div>
102 102
......
src/viewsPc/match/detail_en.vue
...@@ -318,7 +318,8 @@ ...@@ -318,7 +318,8 @@
318 </div> 318 </div>
319 </el-dialog> 319 </el-dialog>
320 320
321 321 <a class="ding" @click="openPickup" v-if="matchData.leagueId==0">{{ language==0?'接 / 送机服务':'Pick-up/drop-off service' }}</a>
322 <pickup ref="pickupRef"></pickup>
322 </div> 323 </div>
323 </template> 324 </template>
324 325
...@@ -329,7 +330,7 @@ import MatchNews from "@/viewsPc/match/components/matchNews"; ...@@ -329,7 +330,7 @@ import MatchNews from "@/viewsPc/match/components/matchNews";
329 import SubstationList from "@/viewsPc/match/components/substation-list"; 330 import SubstationList from "@/viewsPc/match/components/substation-list";
330 import MatchInfoProjectList from "@/viewsPc/match/components/matchInfo-projectList"; 331 import MatchInfoProjectList from "@/viewsPc/match/components/matchInfo-projectList";
331 import QuickRow from "@/viewsPc/match/components/quick-row"; 332 import QuickRow from "@/viewsPc/match/components/quick-row";
332 333 import pickup from '@/viewsPc/components/pickup'
333 import {getCurrentInstance, ref} from 'vue' 334 import {getCurrentInstance, ref} from 'vue'
334 import {reactive, onMounted} from '@vue/runtime-core' 335 import {reactive, onMounted} from '@vue/runtime-core'
335 import {useRoute, useRouter} from 'vue-router' 336 import {useRoute, useRouter} from 'vue-router'
...@@ -724,9 +725,28 @@ function applyInvitation() { ...@@ -724,9 +725,28 @@ function applyInvitation() {
724 proxy.$refs['dialogInvitationRef'].open(obj) 725 proxy.$refs['dialogInvitationRef'].open(obj)
725 } 726 }
726 727
728 const openPickup= () => {
729 const obj = {
730 title:language.value==0?'接 / 送机服务':'Pick-up/drop-off service' ,
731 cptId:matchId.value
732 }
733 proxy.$refs['pickupRef'].open(obj)
734 }
727 </script> 735 </script>
728 736
729 <style scoped lang="scss"> 737 <style scoped lang="scss">
738 .ding{
739 position: fixed;
740 right: 0;
741 z-index:99;
742 top:38%;
743 background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
744 box-shadow: 0 0 10px #666;
745 color: #fff;
746 border-radius: 10px;
747 padding: 10px 20px;
748 text-align: center;
749 }
730 .rItem { 750 .rItem {
731 height: 130px; 751 height: 130px;
732 cursor: pointer; 752 cursor: pointer;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!