b5ee4a42 by 杨炀

no message

1 parent eab837e9
No preview for this file type

30 KB | W: | H:

28.5 KB | W: | H:

src/assets/dance/btn06.png
src/assets/dance/btn06.png
src/assets/dance/btn06.png
src/assets/dance/btn06.png
  • 2-up
  • Swipe
  • Onion skin

13.2 KB | W: | H:

9.17 KB | W: | H:

src/assets/dance/btn_bg.png
src/assets/dance/btn_bg.png
src/assets/dance/btn_bg.png
src/assets/dance/btn_bg.png
  • 2-up
  • Swipe
  • Onion skin

493 Bytes | W: | H:

2.99 KB | W: | H:

src/assets/logo/btn02.png
src/assets/logo/btn02.png
src/assets/logo/btn02.png
src/assets/logo/btn02.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -1375,7 +1375,7 @@ img{display: block;}
padding-right: 26px;
}
.activeItem {
.activeItem {box-shadow: 0px 0px 46px 0px rgba(1,16,64,0.08), 0px 0px 46px 0px rgba(1,16,64,0.08);
cursor: pointer;
background: #FFFFFF;
&:hover {
......
......@@ -192,6 +192,8 @@ watch(() => route.fullPath, (val) => {
activeIndex.value = '/saiC'
} else if (val.indexOf('match') > -1) {
activeIndex.value = '/match/list'
} else {
activeIndex.value = '/'
}
console.log(activeIndex.value)
})
......
......@@ -71,6 +71,7 @@ import {getCurrentInstance} from "@vue/runtime-core";
import {computed, onMounted, watch} from "vue";
import {getBaseInfoByActiveId} from "@/apiPc/booking";
import * as match from "@/apiPc/match";
import useUserStore from "@/store/modules/user";
const props = defineProps({
matchId: {
......@@ -141,7 +142,17 @@ function applyInvitation() {
}
proxy.$refs['dialogInvitationRef'].open(obj)
}
const user = useUserStore().user
function goMedia() {
//如果没登录
if (!user) {
ElMessage({
type: 'warning',
message: language.value == 0 ? '请先登录' : 'Please log in first',
})
return
}
proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
}
......@@ -218,24 +229,23 @@ function goBooking(n) {
<style scoped lang="scss">
.itemBox,.itemBox_en {
//padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08);
//border-radius: 20px;
padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08);
border-radius: 20px;
}
:deep(.el-col){ max-width: 20%;
flex: 0 0 20%;}
:deep(.el-col){ max-width: 20%;flex: 0 0 20%;}
.item {
box-shadow: 0px 0px 21px 0px rgba(41, 23, 101, 0.14);
margin: 10px 0;
//box-shadow: 0px 0px 21px 0px rgba(41, 23, 101, 0.14);
padding: 10px 0;
display: flex;
align-items: center;justify-content: center;
font-size: 20px;
background: url("@/assets/dance/btn_bg.png") no-repeat left #FFFFFF;
background-size: 100% 100%;
border-radius: 15px;
border-radius: 15px;gap: 10px;
img {object-fit: contain;
margin: 0 5%;width: 75px;height: 75px;
width: 75px;height: 75px;
}
}
.itemBox_en .item {
......@@ -262,8 +272,9 @@ height: 100%;
@media screen and (max-width: 768px) {
.itemBox,.itemBox_en{padding: 0 20px 0}
.item{font-size: 16px;height: auto !important;
padding: 15px 0;
padding: 15px 0;margin: 10px 0;
img{width: 50px;height: 50px}
}
:deep(.el-col){ max-width: 50%;flex: 0 0 50%;}
}
</style>
......
......@@ -6,9 +6,10 @@
<el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
<div class="bannerItem">
<div class="h100" @click.stop="goMatch(n)">
<img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<img v-else class="bannerImg" src="@/assets/dance/banner.png">
<img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
<img class="slogen" src="@/assets/logo/banner-text.png"/>
<div class="btabs">
<div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div>
</div>
......@@ -17,7 +18,7 @@
<div v-if="!liveData || liveData.videoStatus==0">
<!-- <div class="banner-count bb"></div>-->
</div>
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
距离直播开始
<van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
<template #default="timeData">
......@@ -59,9 +60,10 @@
<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">
<img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<img v-else class="bannerImg" src="@/assets/dance/banner.png">
<img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
<!-- <img class="slogen" src="@/assets/logo/banner-text.png"/>-->
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
距离直播开始
<van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
......@@ -586,13 +588,14 @@ const gopicliveUrl = () => {
height: 450px;
background: #000;
position: relative;
.slogen{position: relative;top: 130px;}
.picliveBtn{ position: absolute;cursor: pointer;
bottom: 24%;
font-size: 20px;
padding: 10px 25px;
right: 5%;
color: #fff;
border: 2px solid #e1e1e1;
border: 2px solid rgba(255,255,255,0.5);
border-radius: 50px;}
.banner-count {
......
......@@ -5,13 +5,14 @@
<el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
<div class="bannerItem">
<div class="h100" @click.stop="goMatch(n)">
<img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<img v-else class="bannerImg" src="@/assets/dance/banner.png">
<img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
<img class="slogen" src="@/assets/logo/banner-text.png"/>
<div class="btabs">
<div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div>
</div>
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
Live Countdown
<van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
<template #default="timeData">
......@@ -51,8 +52,7 @@
<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">
<img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<img v-else class="bannerImg" src="@/assets/dance/banner.png">
<img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
<div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
<div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
Live Countdown
......@@ -572,6 +572,7 @@ const goDetail = (n) => {
.bannerItem {
height: 450px;
background: #000;position: relative;
.slogen{position: relative;top: 130px;}
.banner-count{position: absolute;padding: 20px 40px;
font-size: 20px;align-items: center;
overflow: hidden;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!