订票
Showing
1 changed file
with
24 additions
and
14 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <!-- top --> | 3 | <!-- top --> |
| 4 | <div class="container top father"> | 4 | <div class="container top "> |
| 5 | <img :src="fillImgUrl(matchForm.ticketImg)" alt="" class="cover_img"> | 5 | <img :src="fillImgUrl(matchForm.ticketImg)" alt="" class="cover_img"> |
| 6 | <div class="info"> | 6 | <div class="info"> |
| 7 | <div class="title">{{ matchForm.name }}</div> | 7 | <div class="title">{{ matchForm.name }}</div> |
| ... | @@ -176,7 +176,18 @@ | ... | @@ -176,7 +176,18 @@ |
| 176 | > | 176 | > |
| 177 | {{ it.name }} | 177 | {{ it.name }} |
| 178 | </div> | 178 | </div> |
| 179 | <div class="father"> | ||
| 180 | <el-image | ||
| 181 | v-if="currTick?.images" | ||
| 182 | :src="fillImgUrl(currTick?.images) " | ||
| 183 | class="son" | ||
| 184 | fit="cover" | ||
| 185 | preview-teleported | ||
| 186 | style="width:200px" | ||
| 187 | /> | ||
| 188 | </div> | ||
| 179 | </div> | 189 | </div> |
| 190 | |||
| 180 | </div> | 191 | </div> |
| 181 | 192 | ||
| 182 | 193 | ||
| ... | @@ -222,15 +233,7 @@ | ... | @@ -222,15 +233,7 @@ |
| 222 | </div> | 233 | </div> |
| 223 | 234 | ||
| 224 | </div> | 235 | </div> |
| 225 | <el-image | 236 | |
| 226 | v-if="currTick?.images" | ||
| 227 | :preview-src-list="[fillImgUrl(currTick?.images)]" | ||
| 228 | :src="fillImgUrl(currTick?.images) " | ||
| 229 | class="son" | ||
| 230 | fit="cover" | ||
| 231 | preview-teleported | ||
| 232 | style="width:200px" | ||
| 233 | /> | ||
| 234 | </div> | 237 | </div> |
| 235 | </div> | 238 | </div> |
| 236 | 239 | ||
| ... | @@ -245,10 +248,14 @@ | ... | @@ -245,10 +248,14 @@ |
| 245 | <div v-show="active==1" class="rich_content" v-html="matchForm.ticketDes" /> | 248 | <div v-show="active==1" class="rich_content" v-html="matchForm.ticketDes" /> |
| 246 | <div v-show="active==2" class="rich_content" v-html="matchForm.ticketNotice" /> | 249 | <div v-show="active==2" class="rich_content" v-html="matchForm.ticketNotice" /> |
| 247 | 250 | ||
| 248 | <el-dialog v-model="show" title="" width="1000px"> | 251 | <el-dialog v-model="show" align-center title="" width="1000px"> |
| 249 | <div> | 252 | <div style="padding: 20px"> |
| 250 | <img :src="fillImgUrl(showUrl)" alt="" style="width: 100%"> | 253 | <img :src="fillImgUrl(showUrl)" alt="" style="width: 100%"> |
| 251 | </div> | 254 | </div> |
| 255 | <br> | ||
| 256 | <div style="text-align: center;"> | ||
| 257 | <el-button size="large" type="primary" @click="show=false">{{ language == 0 ? '关 闭' : 'close' }}</el-button> | ||
| 258 | </div> | ||
| 252 | </el-dialog> | 259 | </el-dialog> |
| 253 | </div> | 260 | </div> |
| 254 | </div> | 261 | </div> |
| ... | @@ -401,6 +408,9 @@ function selectTick(v) { | ... | @@ -401,6 +408,9 @@ function selectTick(v) { |
| 401 | selectForm.value.latstId = v.id | 408 | selectForm.value.latstId = v.id |
| 402 | selectForm.value.price = v.price | 409 | selectForm.value.price = v.price |
| 403 | selectForm.value.priceEn = v.priceEn | 410 | selectForm.value.priceEn = v.priceEn |
| 411 | // console.log(v) | ||
| 412 | |||
| 413 | handleImage() | ||
| 404 | } | 414 | } |
| 405 | 415 | ||
| 406 | function toSelectSeat() { | 416 | function toSelectSeat() { |
| ... | @@ -778,8 +788,8 @@ getmatchData() | ... | @@ -778,8 +788,8 @@ getmatchData() |
| 778 | 788 | ||
| 779 | .son { | 789 | .son { |
| 780 | position: absolute; | 790 | position: absolute; |
| 781 | bottom: 30px; | 791 | top: 0; |
| 782 | right: 50px; | 792 | left: 30px; |
| 783 | } | 793 | } |
| 784 | 794 | ||
| 785 | .remarks { | 795 | .remarks { | ... | ... |
-
Please register or sign in to post a comment