| | |
| | | <style scoped lang="scss"> |
| | | .eventOverview { |
| | | width: 390px; |
| | | height: hToV(445); |
| | | height: 445px; |
| | | background: linear-gradient( |
| | | 270deg, |
| | | #1f3e7a 0%, |
| | |
| | | ); |
| | | border-radius: 0px 0px 0px 0px; |
| | | opacity: 0.85; |
| | | margin: hToV(3) 0 0 0; |
| | | padding-top: hToV(15); |
| | | margin: 3px 0 0 0; |
| | | padding-top: 15px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | |
| | | .overviewData { |
| | | width: 360px; |
| | | height: hToV(122); |
| | | height: 122px; |
| | | background: url('@/assets/images/home/homeRight/overviewBg.png') no-repeat center / 100% 100%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | font-weight: 400; |
| | | font-size: 26px; |
| | | color: #ffffff; |
| | | line-height: hToV(30); |
| | | line-height: 30px; |
| | | text-align: center; |
| | | } |
| | | |
| | |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | line-height: hToV(20); |
| | | line-height: 20px; |
| | | text-align: center; |
| | | } |
| | | } |
| | |
| | | width: 246px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | gap: hToV(13) 0; |
| | | gap: 13px 0; |
| | | font-family: Source Han Sans CN, Source Han Sans CN, serif; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | line-height: hToV(14); |
| | | line-height: 14px; |
| | | |
| | | .overviewItem { |
| | | width: calc(100% / 3); |
| | |
| | | .itemName { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: hToV(6); |
| | | margin-bottom: 6px; |
| | | |
| | | img { |
| | | width: 16px; |
| | | height: hToV(16); |
| | | height: 16px; |
| | | } |
| | | } |
| | | |
| | |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei, serif; |
| | | font-weight: 400; |
| | | font-size: 24px; |
| | | line-height: hToV(18); |
| | | line-height: 18px; |
| | | } |
| | | } |
| | | } |