封面
Showing
3 changed files
with
39 additions
and
7 deletions
src/assets/logo/club.jpg
0 → 100644
264 KB
| ... | @@ -415,11 +415,25 @@ | ... | @@ -415,11 +415,25 @@ |
| 415 | </div> | 415 | </div> |
| 416 | 416 | ||
| 417 | <!-- 邀请函--> | 417 | <!-- 邀请函--> |
| 418 | <div v-if="matchData.leagueId==0" class="fixed_gg_l yaoQing" @click="applyInvitation"> | 418 | <div v-if="matchData.leagueId==0" class="fixed_gg_l yaoQing"> |
| 419 | <img v-if="language==0" src="@/assets/logo/Invitation_c.png"> | 419 | <img v-if="language==0" src="@/assets/logo/Invitation_c.png" @click="applyInvitation"> |
| 420 | <img v-else src="@/assets/logo/Invitation_e.png"> | 420 | <img v-else src="@/assets/logo/Invitation_e.png" @click="applyInvitation"> |
| 421 | |||
| 422 | <!-- <img src="@/assets/logo/club.jpg">--> | ||
| 423 | <div style="padding-left: 7px;"> | ||
| 424 | <el-image | ||
| 425 | :preview-src-list="[clubImage]" | ||
| 426 | :src="clubImage" | ||
| 427 | fit="cover" | ||
| 428 | preview-teleported | ||
| 429 | style="width: 124px" | ||
| 430 | /> | ||
| 431 | </div> | ||
| 432 | |||
| 421 | </div> | 433 | </div> |
| 422 | 434 | ||
| 435 | <div class="fixed_gg_l club" /> | ||
| 436 | |||
| 423 | <affix-invitation ref="dialogInvitationRef" /> | 437 | <affix-invitation ref="dialogInvitationRef" /> |
| 424 | </div> | 438 | </div> |
| 425 | </template> | 439 | </template> |
| ... | @@ -430,6 +444,8 @@ import { ref, nextTick, onMounted, watch } from 'vue' | ... | @@ -430,6 +444,8 @@ import { ref, nextTick, onMounted, watch } from 'vue' |
| 430 | import { getCurrentInstance } from '@vue/runtime-core' | 444 | import { getCurrentInstance } from '@vue/runtime-core' |
| 431 | import { getHomePage, getNewsListById, getNewsList, getRank } from '@/apiPc/webSite' | 445 | import { getHomePage, getNewsListById, getNewsList, getRank } from '@/apiPc/webSite' |
| 432 | import { useRouter } from 'vue-router' | 446 | import { useRouter } from 'vue-router' |
| 447 | import clubImage from '@/assets/logo/club.jpg' | ||
| 448 | |||
| 433 | import { rankList } from '@/assets/js/data' | 449 | import { rankList } from '@/assets/js/data' |
| 434 | import _ from 'lodash' | 450 | import _ from 'lodash' |
| 435 | import { Swiper, SwiperSlide } from 'swiper/vue' | 451 | import { Swiper, SwiperSlide } from 'swiper/vue' |
| ... | @@ -1240,4 +1256,10 @@ function applyInvitation() { | ... | @@ -1240,4 +1256,10 @@ function applyInvitation() { |
| 1240 | top: 40%; | 1256 | top: 40%; |
| 1241 | 1257 | ||
| 1242 | } | 1258 | } |
| 1259 | |||
| 1260 | .club { | ||
| 1261 | width: 160px; | ||
| 1262 | left: 5px; | ||
| 1263 | top: 50%; | ||
| 1264 | } | ||
| 1243 | </style> | 1265 | </style> | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <div> | 2 | <div> |
| 3 | <div class="banner"> | 3 | <div class="banner"> |
| 4 | <el-carousel | 4 | <el-carousel |
| 5 | :autoplay="false" :interval="2000" arrow="hover" autoplay class="forPc" | 5 | :autoplay="false" :interval="2000" arrow="hover" class="forPc" |
| 6 | height="450px" | 6 | height="450px" |
| 7 | @change="carouselChange" | 7 | @change="carouselChange" |
| 8 | > | 8 | > |
| ... | @@ -397,9 +397,18 @@ | ... | @@ -397,9 +397,18 @@ |
| 397 | </div> | 397 | </div> |
| 398 | 398 | ||
| 399 | <!-- 邀请函--> | 399 | <!-- 邀请函--> |
| 400 | <div v-if="matchData.leagueId==0" class="fixed_gg_l yaoQing" @click="applyInvitation"> | 400 | <div v-if="matchData.leagueId==0" class="fixed_gg_l yaoQing"> |
| 401 | <img v-if="language==0" src="@/assets/logo/Invitation_c.png"> | 401 | <img v-if="language==0" src="@/assets/logo/Invitation_c.png" @click="applyInvitation"> |
| 402 | <img v-else src="@/assets/logo/Invitation_e.png"> | 402 | <img v-else src="@/assets/logo/Invitation_e.png" @click="applyInvitation"> |
| 403 | <div style="padding-left: 7px;"> | ||
| 404 | <el-image | ||
| 405 | :preview-src-list="[clubImage]" | ||
| 406 | :src="clubImage" | ||
| 407 | fit="cover" | ||
| 408 | preview-teleported | ||
| 409 | style="width: 124px" | ||
| 410 | /> | ||
| 411 | </div> | ||
| 403 | </div> | 412 | </div> |
| 404 | 413 | ||
| 405 | <affix-invitation ref="dialogInvitationRef" /> | 414 | <affix-invitation ref="dialogInvitationRef" /> |
| ... | @@ -422,6 +431,7 @@ import { rankList } from '@/assets/js/data' | ... | @@ -422,6 +431,7 @@ import { rankList } from '@/assets/js/data' |
| 422 | import AffixInvitation from '/@/viewsPc/match/components/affix-invitation.vue' | 431 | import AffixInvitation from '/@/viewsPc/match/components/affix-invitation.vue' |
| 423 | import { useStorage } from '@vueuse/core/index' | 432 | import { useStorage } from '@vueuse/core/index' |
| 424 | import useUserStore from '/@/store/modules/user' | 433 | import useUserStore from '/@/store/modules/user' |
| 434 | import clubImage from '@/assets/logo/club.jpg' | ||
| 425 | 435 | ||
| 426 | 436 | ||
| 427 | const language = useStorage('language', 0) | 437 | const language = useStorage('language', 0) | ... | ... |
-
Please register or sign in to post a comment