Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
b5ee4a42 by 杨炀
Options

no message

1 parent eab837e9
Inline Side-by-side
Showing 12 changed files with 38 additions and 21 deletions
public/favicon.ico 0 → 100644
No preview for this file type
src/assets/dance/btn06.png
src/assets/dance/btn06.png

30 KB | W: | H:

src/assets/dance/btn06.png

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
src/assets/dance/btn_bg.png
src/assets/dance/btn_bg.png

13.2 KB | W: | H:

src/assets/dance/btn_bg.png

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
src/assets/logo/btn02.png
src/assets/logo/btn02.png

493 Bytes | W: | H:

src/assets/logo/btn02.png

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
src/assets/styles/ruoyi.scss
...@@ -1375,7 +1375,7 @@ img{display: block;} ...@@ -1375,7 +1375,7 @@ img{display: block;}
1375 padding-right: 26px; 1375 padding-right: 26px;
1376 } 1376 }
1377 1377
1378 .activeItem { 1378 .activeItem {box-shadow: 0px 0px 46px 0px rgba(1,16,64,0.08), 0px 0px 46px 0px rgba(1,16,64,0.08);
1379 cursor: pointer; 1379 cursor: pointer;
1380 background: #FFFFFF; 1380 background: #FFFFFF;
1381 &:hover { 1381 &:hover {
......
src/layoutPc/components/AppHeader.vue
...@@ -192,6 +192,8 @@ watch(() => route.fullPath, (val) => { ...@@ -192,6 +192,8 @@ watch(() => route.fullPath, (val) => {
192 activeIndex.value = '/saiC' 192 activeIndex.value = '/saiC'
193 } else if (val.indexOf('match') > -1) { 193 } else if (val.indexOf('match') > -1) {
194 activeIndex.value = '/match/list' 194 activeIndex.value = '/match/list'
195 } else {
196 activeIndex.value = '/'
195 } 197 }
196 console.log(activeIndex.value) 198 console.log(activeIndex.value)
197 }) 199 })
......
src/viewsPc/components/homeQuick.vue
...@@ -71,6 +71,7 @@ import {getCurrentInstance} from "@vue/runtime-core"; ...@@ -71,6 +71,7 @@ import {getCurrentInstance} from "@vue/runtime-core";
71 import {computed, onMounted, watch} from "vue"; 71 import {computed, onMounted, watch} from "vue";
72 import {getBaseInfoByActiveId} from "@/apiPc/booking"; 72 import {getBaseInfoByActiveId} from "@/apiPc/booking";
73 import * as match from "@/apiPc/match"; 73 import * as match from "@/apiPc/match";
74 import useUserStore from "@/store/modules/user";
74 75
75 const props = defineProps({ 76 const props = defineProps({
76 matchId: { 77 matchId: {
...@@ -141,7 +142,17 @@ function applyInvitation() { ...@@ -141,7 +142,17 @@ function applyInvitation() {
141 } 142 }
142 proxy.$refs['dialogInvitationRef'].open(obj) 143 proxy.$refs['dialogInvitationRef'].open(obj)
143 } 144 }
145 const user = useUserStore().user
144 function goMedia() { 146 function goMedia() {
147 //如果没登录
148 if (!user) {
149 ElMessage({
150 type: 'warning',
151 message: language.value == 0 ? '请先登录' : 'Please log in first',
152 })
153 return
154 }
155
145 proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value}) 156 proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
146 } 157 }
147 158
...@@ -218,24 +229,23 @@ function goBooking(n) { ...@@ -218,24 +229,23 @@ function goBooking(n) {
218 229
219 <style scoped lang="scss"> 230 <style scoped lang="scss">
220 .itemBox,.itemBox_en { 231 .itemBox,.itemBox_en {
221 //padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08); 232 padding: 20px;background: #fff;box-shadow: 0 0 46px 0 rgba(1,16,64,0.08);
222 //border-radius: 20px; 233 border-radius: 20px;
223 } 234 }
224 235
225 :deep(.el-col){ max-width: 20%; 236 :deep(.el-col){ max-width: 20%;flex: 0 0 20%;}
226 flex: 0 0 20%;}
227 .item { 237 .item {
228 box-shadow: 0px 0px 21px 0px rgba(41, 23, 101, 0.14); 238 //box-shadow: 0px 0px 21px 0px rgba(41, 23, 101, 0.14);
229 margin: 10px 0; 239 padding: 10px 0;
230 display: flex; 240 display: flex;
231 align-items: center;justify-content: center; 241 align-items: center;justify-content: center;
232 font-size: 20px; 242 font-size: 20px;
233 background: url("@/assets/dance/btn_bg.png") no-repeat left #FFFFFF; 243 background: url("@/assets/dance/btn_bg.png") no-repeat left #FFFFFF;
234 background-size: 100% 100%; 244 background-size: 100% 100%;
235 border-radius: 15px; 245 border-radius: 15px;gap: 10px;
236 246
237 img {object-fit: contain; 247 img {object-fit: contain;
238 margin: 0 5%;width: 75px;height: 75px; 248 width: 75px;height: 75px;
239 } 249 }
240 } 250 }
241 .itemBox_en .item { 251 .itemBox_en .item {
...@@ -262,8 +272,9 @@ height: 100%; ...@@ -262,8 +272,9 @@ height: 100%;
262 @media screen and (max-width: 768px) { 272 @media screen and (max-width: 768px) {
263 .itemBox,.itemBox_en{padding: 0 20px 0} 273 .itemBox,.itemBox_en{padding: 0 20px 0}
264 .item{font-size: 16px;height: auto !important; 274 .item{font-size: 16px;height: auto !important;
265 padding: 15px 0; 275 padding: 15px 0;margin: 10px 0;
266 img{width: 50px;height: 50px} 276 img{width: 50px;height: 50px}
267 } 277 }
278 :deep(.el-col){ max-width: 50%;flex: 0 0 50%;}
268 } 279 }
269 </style> 280 </style>
......
src/viewsPc/index.vue
...@@ -6,9 +6,10 @@ ...@@ -6,9 +6,10 @@
6 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id"> 6 <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
7 <div class="bannerItem"> 7 <div class="bannerItem">
8 <div class="h100" @click.stop="goMatch(n)"> 8 <div class="h100" @click.stop="goMatch(n)">
9 <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> 9 <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
10 <img v-else class="bannerImg" src="@/assets/dance/banner.png">
11 <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;"> 10 <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
11 <img class="slogen" src="@/assets/logo/banner-text.png"/>
12
12 <div class="btabs"> 13 <div class="btabs">
13 <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div> 14 <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div>
14 </div> 15 </div>
...@@ -17,7 +18,7 @@ ...@@ -17,7 +18,7 @@
17 <div v-if="!liveData || liveData.videoStatus==0"> 18 <div v-if="!liveData || liveData.videoStatus==0">
18 <!-- <div class="banner-count bb"></div>--> 19 <!-- <div class="banner-count bb"></div>-->
19 </div> 20 </div>
20 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl"> 21 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
21 距离直播开始 22 距离直播开始
22 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒"> 23 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
23 <template #default="timeData"> 24 <template #default="timeData">
...@@ -59,9 +60,10 @@ ...@@ -59,9 +60,10 @@
59 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id"> 60 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
60 <div class="bannerItem" style="height:100%"> 61 <div class="bannerItem" style="height:100%">
61 <div class="h100" style="position: relative"> 62 <div class="h100" style="position: relative">
62 <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> 63 <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
63 <img v-else class="bannerImg" src="@/assets/dance/banner.png">
64 <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;"> 64 <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
65 <!-- <img class="slogen" src="@/assets/logo/banner-text.png"/>-->
66
65 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl"> 67 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
66 距离直播开始 68 距离直播开始
67 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒"> 69 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
...@@ -586,13 +588,14 @@ const gopicliveUrl = () => { ...@@ -586,13 +588,14 @@ const gopicliveUrl = () => {
586 height: 450px; 588 height: 450px;
587 background: #000; 589 background: #000;
588 position: relative; 590 position: relative;
591 .slogen{position: relative;top: 130px;}
589 .picliveBtn{ position: absolute;cursor: pointer; 592 .picliveBtn{ position: absolute;cursor: pointer;
590 bottom: 24%; 593 bottom: 24%;
591 font-size: 20px; 594 font-size: 20px;
592 padding: 10px 25px; 595 padding: 10px 25px;
593 right: 5%; 596 right: 5%;
594 color: #fff; 597 color: #fff;
595 border: 2px solid #e1e1e1; 598 border: 2px solid rgba(255,255,255,0.5);
596 border-radius: 50px;} 599 border-radius: 50px;}
597 600
598 .banner-count { 601 .banner-count {
......
src/viewsPc/index_en.vue
...@@ -5,13 +5,14 @@ ...@@ -5,13 +5,14 @@
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" @click.stop="goMatch(n)"> 7 <div class="h100" @click.stop="goMatch(n)">
8 <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> 8 <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
9 <img v-else class="bannerImg" src="@/assets/dance/banner.png">
10 <div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;"> 9 <div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
10 <img class="slogen" src="@/assets/logo/banner-text.png"/>
11
11 <div class="btabs"> 12 <div class="btabs">
12 <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div> 13 <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div>
13 </div> 14 </div>
14 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl"> 15 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
15 Live Countdown 16 Live Countdown
16 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒"> 17 <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
17 <template #default="timeData"> 18 <template #default="timeData">
...@@ -51,8 +52,7 @@ ...@@ -51,8 +52,7 @@
51 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id"> 52 <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
52 <div class="bannerItem" style="height:100%"> 53 <div class="bannerItem" style="height:100%">
53 <div class="h100" style="position: relative"> 54 <div class="h100" style="position: relative">
54 <img v-if="n.bgImgUrl" class="bannerImg" :src="fillImgUrl(n.bgImgUrl)"> 55 <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
55 <img v-else class="bannerImg" src="@/assets/dance/banner.png">
56 <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;"> 56 <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
57 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl"> 57 <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
58 Live Countdown 58 Live Countdown
...@@ -572,6 +572,7 @@ const goDetail = (n) => { ...@@ -572,6 +572,7 @@ const goDetail = (n) => {
572 .bannerItem { 572 .bannerItem {
573 height: 450px; 573 height: 450px;
574 background: #000;position: relative; 574 background: #000;position: relative;
575 .slogen{position: relative;top: 130px;}
575 .banner-count{position: absolute;padding: 20px 40px; 576 .banner-count{position: absolute;padding: 20px 40px;
576 font-size: 20px;align-items: center; 577 font-size: 20px;align-items: center;
577 overflow: hidden; 578 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!