pc票务 h5自适应
Showing
1 changed file
with
18 additions
and
5 deletions
| ... | @@ -111,13 +111,13 @@ | ... | @@ -111,13 +111,13 @@ |
| 111 | </div> | 111 | </div> |
| 112 | </div> | 112 | </div> |
| 113 | 113 | ||
| 114 | <div v-if="endTime<=0" class="btn forPc" style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;" | 114 | <div v-if="endTime<=0" class="btn" style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;" |
| 115 | @click="toSelectClosed"> | 115 | @click="toSelectClosed"> |
| 116 | {{ | 116 | {{ |
| 117 | triggerLanguage(language, "售票结束", "Sale closed") | 117 | triggerLanguage(language, "售票结束", "Sale closed") |
| 118 | }} | 118 | }} |
| 119 | </div> | 119 | </div> |
| 120 | <div v-else class="btn forPc" style="margin-left: 40px" @click="toSelectSeat()"> | 120 | <div v-else class="btn" style="margin-left: 40px" @click="toSelectSeat()"> |
| 121 | {{ | 121 | {{ |
| 122 | triggerLanguage(language, "立即购票", "Buy tickets now") | 122 | triggerLanguage(language, "立即购票", "Buy tickets now") |
| 123 | }} | 123 | }} |
| ... | @@ -313,7 +313,7 @@ function toSelectClosed() { | ... | @@ -313,7 +313,7 @@ function toSelectClosed() { |
| 313 | font-weight: bold; | 313 | font-weight: bold; |
| 314 | font-size: 28px; | 314 | font-size: 28px; |
| 315 | color: #000000; | 315 | color: #000000; |
| 316 | line-height: 42px; | 316 | line-height: 1.6; |
| 317 | margin-bottom: 34px; | 317 | margin-bottom: 34px; |
| 318 | } | 318 | } |
| 319 | 319 | ||
| ... | @@ -468,9 +468,9 @@ function toSelectClosed() { | ... | @@ -468,9 +468,9 @@ function toSelectClosed() { |
| 468 | margin-right: 15px; | 468 | margin-right: 15px; |
| 469 | } | 469 | } |
| 470 | 470 | ||
| 471 | .info { | 471 | .info {padding: 0; |
| 472 | .title { | 472 | .title { |
| 473 | font-size: 14px; | 473 | font-size: 14px;margin: 0; |
| 474 | } | 474 | } |
| 475 | 475 | ||
| 476 | .time, .address, .label, .tip { | 476 | .time, .address, .label, .tip { |
| ... | @@ -501,11 +501,24 @@ function toSelectClosed() { | ... | @@ -501,11 +501,24 @@ function toSelectClosed() { |
| 501 | font-size: 12px; | 501 | font-size: 12px; |
| 502 | } | 502 | } |
| 503 | } | 503 | } |
| 504 | .btn {display: inline-block; | ||
| 505 | margin: 10px 0 0; | ||
| 506 | background: linear-gradient(270deg, #493ceb 0%, #8623fc 100%); | ||
| 507 | border-radius: 20px; | ||
| 508 | line-height: 40px; | ||
| 509 | text-align: center; | ||
| 510 | font-weight: 500; | ||
| 511 | font-size: 16px; | ||
| 512 | color: #ffffff; | ||
| 513 | cursor: pointer; | ||
| 514 | } | ||
| 504 | } | 515 | } |
| 505 | } | 516 | } |
| 506 | .bottom { | 517 | .bottom { |
| 507 | padding: 0 | 518 | padding: 0 |
| 508 | } | 519 | } |
| 520 | |||
| 521 | |||
| 509 | } | 522 | } |
| 510 | 523 | ||
| 511 | .countDownTitle { | 524 | .countDownTitle { | ... | ... |
-
Please register or sign in to post a comment