no message
Showing
4 changed files
with
8 additions
and
7 deletions
| ... | @@ -1425,6 +1425,8 @@ img{display: block;} | ... | @@ -1425,6 +1425,8 @@ img{display: block;} |
| 1425 | .active{color: var(--el-color-primary);font-weight: bold;cursor: pointer;} | 1425 | .active{color: var(--el-color-primary);font-weight: bold;cursor: pointer;} |
| 1426 | } | 1426 | } |
| 1427 | .mapBox{word-break: break-all;} | 1427 | .mapBox{word-break: break-all;} |
| 1428 | .as16_9{aspect-ratio: 16/9;} | ||
| 1429 | .coverLimitHeight{max-height: 180px;object-fit: cover;aspect-ratio: 16 / 9;} | ||
| 1428 | @media (max-width: 800px) { | 1430 | @media (max-width: 800px) { |
| 1429 | //.liveImgbox{margin: 0 0 20px;} | 1431 | //.liveImgbox{margin: 0 0 20px;} |
| 1430 | //.videoImgbox{margin: 0 0 20px;} | 1432 | //.videoImgbox{margin: 0 0 20px;} | ... | ... |
| ... | @@ -191,5 +191,4 @@ function goDetail(id) { | ... | @@ -191,5 +191,4 @@ function goDetail(id) { |
| 191 | @media (max-width: 1450px) { | 191 | @media (max-width: 1450px) { |
| 192 | .block{width: 44px;font-size: 20px;} | 192 | .block{width: 44px;font-size: 20px;} |
| 193 | } | 193 | } |
| 194 | .coverLimitHeight{max-height: 160px;object-fit: cover;} | ||
| 195 | </style> | 194 | </style> | ... | ... |
| ... | @@ -12,17 +12,17 @@ | ... | @@ -12,17 +12,17 @@ |
| 12 | </div> | 12 | </div> |
| 13 | <div class="box mb20" v-else> | 13 | <div class="box mb20" v-else> |
| 14 | <el-card class="mb20"> | 14 | <el-card class="mb20"> |
| 15 | <el-row :gutter="20"> | 15 | <el-row :gutter="20" align="middle"> |
| 16 | <el-col :lg="7" :md="12" :xl="6"> | 16 | <el-col :lg="matchData.type=='0'?7:8" :md="12" :xl="6"> |
| 17 | <div class="popo"> | 17 | <div class="popo"> |
| 18 | <el-tag v-if="matchData.signType==0">{{ language==0?'个人':'Individual' }}</el-tag> | 18 | <el-tag v-if="matchData.signType==0">{{ language==0?'个人':'Individual' }}</el-tag> |
| 19 | <el-tag v-if="matchData.signType==1">{{ language==0?'团体':'Team' }}</el-tag> | 19 | <el-tag v-if="matchData.signType==1">{{ language==0?'团体':'Team' }}</el-tag> |
| 20 | <el-tag v-if="matchData.signType==2">{{ language==0?'个人/团体':'Individual/Team' }}</el-tag> | 20 | <el-tag v-if="matchData.signType==2">{{ language==0?'个人/团体':'Individual/Team' }}</el-tag> |
| 21 | </div> | 21 | </div> |
| 22 | 22 | ||
| 23 | <img class="mauto w100" :src="fillImgUrl(matchData.coverUrl)"> | 23 | <img class="mauto w100 as16_9" :src="fillImgUrl(matchData.coverUrl)"> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :lg="9" :md="12" :xl="10" style="position: relative"> | 25 | <el-col :lg="matchData.type=='0'?9:16" :md="12" :xl="10" style="position: relative"> |
| 26 | <h3 style="margin: 0 0 10px">{{ matchData.name }}</h3> | 26 | <h3 style="margin: 0 0 10px">{{ matchData.name }}</h3> |
| 27 | <div v-if="matchData.type=='1'"> | 27 | <div v-if="matchData.type=='1'"> |
| 28 | <p class="ppl"> | 28 | <p class="ppl"> | ... | ... |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | 57 | ||
| 58 | <div v-loading="loading"> | 58 | <div v-loading="loading"> |
| 59 | <div class="matchItem" v-for="n in list" :key="n.id" @click="goDetail(n.id)"> | 59 | <div class="matchItem" v-for="n in list" :key="n.id" @click="goDetail(n.id)"> |
| 60 | <el-row :gutter="15"> | 60 | <el-row :gutter="15" align="middle"> |
| 61 | <el-col :lg="7" :md="24" :xl="6"> | 61 | <el-col :lg="7" :md="24" :xl="6"> |
| 62 | <div class="popo"> | 62 | <div class="popo"> |
| 63 | <el-tag v-if="n.signType==0">{{ language==0?'个人':'Individual' }}</el-tag> | 63 | <el-tag v-if="n.signType==0">{{ language==0?'个人':'Individual' }}</el-tag> |
| ... | @@ -349,6 +349,6 @@ function goDetail(id) { | ... | @@ -349,6 +349,6 @@ function goDetail(id) { |
| 349 | .el-button--primary:hover { | 349 | .el-button--primary:hover { |
| 350 | background: var(--el-color-primary) | 350 | background: var(--el-color-primary) |
| 351 | } | 351 | } |
| 352 | .coverLimitHeight{max-height: 160px;object-fit: cover;} | 352 | |
| 353 | .mw100{max-width: 100%;} | 353 | .mw100{max-width: 100%;} |
| 354 | </style> | 354 | </style> | ... | ... |
-
Please register or sign in to post a comment