赛事设置

@@ -43,6 +43,25 @@
                 <div v-if="n.time<=0 && n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)">
                   开始报名
                 </div>
+                
+                <div
+                  style="position: absolute;bottom:22%;right:5%;z-index: 999;display: flex;width: 580px;justify-content: space-around"
+                >
+                  <a
+                    v-if="matchData.liveQrcode"
+                    class=" btn2"
+                    style="z-index: 999999"
+                    @click.stop="liveQrcodeShow=true"
+                  >赛事直播
+                  </a>
+                  <a
+                    v-if="matchData.isCourseView==1"
+                    class=" btn2"
+                    @click.stop="popMaster"
+                  >公益课
+                  </a>
+                </div>
+              
               </div>
             </div>
           </div>
@@ -129,10 +148,10 @@
                   <download />
                 </el-icon>
               </a>
-              <a
-                v-if="matchData.isCourseView==1" class="zn-btn ml20 btn-q forPc"
-                @click="popMaster"
-              >青少年公益课报名</a>
+              <!--              <a-->
+              <!--                v-if="matchData.isCourseView==1" class="zn-btn ml20 btn-q forPc"-->
+              <!--                @click="popMaster"-->
+              <!--              >青少年公益课报名</a>-->
               <a
                 v-show="matchData?.id=='1778253367748993026'" class="zn-btn ml20 btn-q"
                 @click="backNumberSearch"
@@ -437,11 +456,21 @@
         :src="fillImgUrl(matchData.chatQrcode)"
         fit="cover"
         preview-teleported
-        style="width: 120px"
+        style="width: 120px;height: 120px"
       />
     </div>
     
     <affix-invitation ref="dialogInvitationRef" />
+    <el-dialog v-model="liveQrcodeShow" title="Live QR Code" width="500px">
+      <div style="display: flex;justify-content: space-between">
+        <el-image
+          :src="fillImgUrl(matchData.liveQrcode)"
+          fit="cover"
+          style="width: 450px;"
+        />
+      </div>
+    
+    </el-dialog>
   </div>
 </template>
 <script setup>
@@ -468,7 +497,7 @@ import useUserStore from '@/store/modules/user'
 import { fillImgUrl } from '/@/utils/ruoyi'
 
 const language = useStorage('language', 0)
-
+const liveQrcodeShow = ref(false)
 const modules = [Autoplay, Navigation]
 const navigationPic = ref({
   nextEl: '.picnext',
@@ -1271,4 +1300,20 @@ function applyInvitation() {
   right: 0;
   top: 40%;
 }
+
+.btn2 {
+  cursor: pointer;
+  padding: 10px 80px;
+  font-size: 20px;
+  align-items: center;
+  overflow: hidden;
+  background: url(/src/assets/dance/time_bg.png) no-repeat center;
+  background-size: 100% 100%;
+  bottom: 40%;
+  display: flex;
+  flex-wrap: nowrap;
+  right: 5%;
+  color: #fff;
+}
+
 </style>

@@ -43,6 +43,25 @@
                 <div v-if="n.time<=0&&n.timeEnd>=0" class="banner-count bb" @click="goMatch(n)">
                   REGISTER NOW
                 </div>
+                
+                <div
+                  style="position: absolute;bottom:22%;right:5%;z-index: 999;display: flex;width: 580px;justify-content: space-around"
+                >
+                  <a
+                    v-if="matchData.liveQrcode"
+                    class=" btn2"
+                    style="z-index: 999999" @click.stop="liveQrcodeShow=true"
+                  >
+                    <!--                    赛事直播-->
+                    Live Streaming
+                  </a>
+                  <a
+                    v-if="matchData.isCourseView==1"
+                    class=" btn2"
+                    @click.stop="popMaster"
+                  >Junior &Youth Camp REGISTER
+                  </a>
+                </div>
               </div>
             </div>
           </div>
@@ -417,10 +436,21 @@
         :src="fillImgUrl(matchData.chatQrcode)"
         fit="cover"
         preview-teleported
-        style="width: 120px"
+        style="width: 120px;height: 120px"
       />
     </div>
     <affix-invitation ref="dialogInvitationRef" />
+    
+    <el-dialog v-model="liveQrcodeShow" title="Live QR Code" width="500px">
+      <div style="display: flex;justify-content: space-between">
+        <el-image
+          :src="fillImgUrl(matchData.liveQrcode)"
+          fit="cover"
+          style="width: 450px;"
+        />
+      </div>
+    
+    </el-dialog>
   </div>
 </template>
 <script setup>
@@ -455,7 +485,7 @@ const { proxy } = getCurrentInstance()
 const emit = defineEmits(['pop', 'backNumber', 'schSearch'])
 const time = ref(0)
 const etime = ref(0)
-
+const liveQrcodeShow = ref(false)
 const personList = ref([
   { name: 'Wolfgang Eliasch', pp: 'Chairperson for Latin  AUT', src: '/img/1.png' },
   { name: 'Nenad Jeftic', pp: 'Chairperson for Standard  SRB', src: '/img/2.png' },
@@ -605,6 +635,7 @@ const goGuide = () => {
     }
   })
 }
+
 const popMaster = () => {
   var params = {
     cptId: matchData.value.id
@@ -1392,4 +1423,19 @@ function applyInvitation() {
   right: 0;
   top: 40%;
 }
+
+.btn2 {
+  cursor: pointer;
+  padding: 10px 28px;
+  font-size: 18px;
+  align-items: center;
+  overflow: hidden;
+  background: url(/src/assets/dance/time_bg.png) no-repeat center;
+  background-size: 100% 100%;
+  bottom: 40%;
+  display: flex;
+  flex-wrap: nowrap;
+  right: 5%;
+  color: #fff;
+}
 </style>