Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
6267cbb2 by zhangmeng
Options

赛事设置

1 parent ef140dfd
Inline Side-by-side
Showing 2 changed files with 99 additions and 8 deletions
src/viewsPc/index.vue
...@@ -43,6 +43,25 @@ ...@@ -43,6 +43,25 @@
43 <div v-if="n.time<=0 && n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)"> 43 <div v-if="n.time<=0 && n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)">
44 开始报名 44 开始报名
45 </div> 45 </div>
46
47 <div
48 style="position: absolute;bottom:22%;right:5%;z-index: 999;display: flex;width: 580px;justify-content: space-around"
49 >
50 <a
51 v-if="matchData.liveQrcode"
52 class=" btn2"
53 style="z-index: 999999"
54 @click.stop="liveQrcodeShow=true"
55 >赛事直播
56 </a>
57 <a
58 v-if="matchData.isCourseView==1"
59 class=" btn2"
60 @click.stop="popMaster"
61 >公益课
62 </a>
63 </div>
64
46 </div> 65 </div>
47 </div> 66 </div>
48 </div> 67 </div>
...@@ -129,10 +148,10 @@ ...@@ -129,10 +148,10 @@
129 <download /> 148 <download />
130 </el-icon> 149 </el-icon>
131 </a> 150 </a>
132 <a 151 <!-- <a-->
133 v-if="matchData.isCourseView==1" class="zn-btn ml20 btn-q forPc" 152 <!-- v-if="matchData.isCourseView==1" class="zn-btn ml20 btn-q forPc"-->
134 @click="popMaster" 153 <!-- @click="popMaster"-->
135 >青少年公益课报名</a> 154 <!-- >青少年公益课报名</a>-->
136 <a 155 <a
137 v-show="matchData?.id=='1778253367748993026'" class="zn-btn ml20 btn-q" 156 v-show="matchData?.id=='1778253367748993026'" class="zn-btn ml20 btn-q"
138 @click="backNumberSearch" 157 @click="backNumberSearch"
...@@ -437,11 +456,21 @@ ...@@ -437,11 +456,21 @@
437 :src="fillImgUrl(matchData.chatQrcode)" 456 :src="fillImgUrl(matchData.chatQrcode)"
438 fit="cover" 457 fit="cover"
439 preview-teleported 458 preview-teleported
440 style="width: 120px" 459 style="width: 120px;height: 120px"
441 /> 460 />
442 </div> 461 </div>
443 462
444 <affix-invitation ref="dialogInvitationRef" /> 463 <affix-invitation ref="dialogInvitationRef" />
464 <el-dialog v-model="liveQrcodeShow" title="Live QR Code" width="500px">
465 <div style="display: flex;justify-content: space-between">
466 <el-image
467 :src="fillImgUrl(matchData.liveQrcode)"
468 fit="cover"
469 style="width: 450px;"
470 />
471 </div>
472
473 </el-dialog>
445 </div> 474 </div>
446 </template> 475 </template>
447 <script setup> 476 <script setup>
...@@ -468,7 +497,7 @@ import useUserStore from '@/store/modules/user' ...@@ -468,7 +497,7 @@ import useUserStore from '@/store/modules/user'
468 import { fillImgUrl } from '/@/utils/ruoyi' 497 import { fillImgUrl } from '/@/utils/ruoyi'
469 498
470 const language = useStorage('language', 0) 499 const language = useStorage('language', 0)
471 500 const liveQrcodeShow = ref(false)
472 const modules = [Autoplay, Navigation] 501 const modules = [Autoplay, Navigation]
473 const navigationPic = ref({ 502 const navigationPic = ref({
474 nextEl: '.picnext', 503 nextEl: '.picnext',
...@@ -1271,4 +1300,20 @@ function applyInvitation() { ...@@ -1271,4 +1300,20 @@ function applyInvitation() {
1271 right: 0; 1300 right: 0;
1272 top: 40%; 1301 top: 40%;
1273 } 1302 }
1303
1304 .btn2 {
1305 cursor: pointer;
1306 padding: 10px 80px;
1307 font-size: 20px;
1308 align-items: center;
1309 overflow: hidden;
1310 background: url(/src/assets/dance/time_bg.png) no-repeat center;
1311 background-size: 100% 100%;
1312 bottom: 40%;
1313 display: flex;
1314 flex-wrap: nowrap;
1315 right: 5%;
1316 color: #fff;
1317 }
1318
1274 </style> 1319 </style>
......
src/viewsPc/index_en.vue
...@@ -43,6 +43,25 @@ ...@@ -43,6 +43,25 @@
43 <div v-if="n.time<=0&&n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)"> 43 <div v-if="n.time<=0&&n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)">
44 REGISTER NOW 44 REGISTER NOW
45 </div> 45 </div>
46
47 <div
48 style="position: absolute;bottom:22%;right:5%;z-index: 999;display: flex;width: 580px;justify-content: space-around"
49 >
50 <a
51 v-if="matchData.liveQrcode"
52 class=" btn2"
53 style="z-index: 999999" @click.stop="liveQrcodeShow=true"
54 >
55 <!-- 赛事直播-->
56 Live Streaming
57 </a>
58 <a
59 v-if="matchData.isCourseView==1"
60 class=" btn2"
61 @click.stop="popMaster"
62 >Junior &Youth Camp REGISTER
63 </a>
64 </div>
46 </div> 65 </div>
47 </div> 66 </div>
48 </div> 67 </div>
...@@ -417,10 +436,21 @@ ...@@ -417,10 +436,21 @@
417 :src="fillImgUrl(matchData.chatQrcode)" 436 :src="fillImgUrl(matchData.chatQrcode)"
418 fit="cover" 437 fit="cover"
419 preview-teleported 438 preview-teleported
420 style="width: 120px" 439 style="width: 120px;height: 120px"
421 /> 440 />
422 </div> 441 </div>
423 <affix-invitation ref="dialogInvitationRef" /> 442 <affix-invitation ref="dialogInvitationRef" />
443
444 <el-dialog v-model="liveQrcodeShow" title="Live QR Code" width="500px">
445 <div style="display: flex;justify-content: space-between">
446 <el-image
447 :src="fillImgUrl(matchData.liveQrcode)"
448 fit="cover"
449 style="width: 450px;"
450 />
451 </div>
452
453 </el-dialog>
424 </div> 454 </div>
425 </template> 455 </template>
426 <script setup> 456 <script setup>
...@@ -455,7 +485,7 @@ const { proxy } = getCurrentInstance() ...@@ -455,7 +485,7 @@ const { proxy } = getCurrentInstance()
455 const emit = defineEmits(['pop', 'backNumber', 'schSearch']) 485 const emit = defineEmits(['pop', 'backNumber', 'schSearch'])
456 const time = ref(0) 486 const time = ref(0)
457 const etime = ref(0) 487 const etime = ref(0)
458 488 const liveQrcodeShow = ref(false)
459 const personList = ref([ 489 const personList = ref([
460 { name: 'Wolfgang Eliasch', pp: 'Chairperson for Latin AUT', src: '/img/1.png' }, 490 { name: 'Wolfgang Eliasch', pp: 'Chairperson for Latin AUT', src: '/img/1.png' },
461 { name: 'Nenad Jeftic', pp: 'Chairperson for Standard SRB', src: '/img/2.png' }, 491 { name: 'Nenad Jeftic', pp: 'Chairperson for Standard SRB', src: '/img/2.png' },
...@@ -605,6 +635,7 @@ const goGuide = () => { ...@@ -605,6 +635,7 @@ const goGuide = () => {
605 } 635 }
606 }) 636 })
607 } 637 }
638
608 const popMaster = () => { 639 const popMaster = () => {
609 var params = { 640 var params = {
610 cptId: matchData.value.id 641 cptId: matchData.value.id
...@@ -1392,4 +1423,19 @@ function applyInvitation() { ...@@ -1392,4 +1423,19 @@ function applyInvitation() {
1392 right: 0; 1423 right: 0;
1393 top: 40%; 1424 top: 40%;
1394 } 1425 }
1426
1427 .btn2 {
1428 cursor: pointer;
1429 padding: 10px 28px;
1430 font-size: 18px;
1431 align-items: center;
1432 overflow: hidden;
1433 background: url(/src/assets/dance/time_bg.png) no-repeat center;
1434 background-size: 100% 100%;
1435 bottom: 40%;
1436 display: flex;
1437 flex-wrap: nowrap;
1438 right: 5%;
1439 color: #fff;
1440 }
1395 </style> 1441 </style>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!