| | |
|---|
| | | .header-info { |
|---|
| | | margin: 0 auto; |
|---|
| | | width: 500rpx; |
|---|
| | | height: 240rpx; |
|---|
| | | height: 260rpx; |
|---|
| | | padding: 58rpx 70rpx 0; |
|---|
| | | border-radius: 5rpx; |
|---|
| | | background-color: rgba(255, 255, 255, .5); |
|---|
| | | color: #006699; |
|---|
| | | |
|---|
| | | flex-direction: column; |
|---|
| | | &[v-cloak] { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | width: 100%; |
|---|
| | | text-align: center; |
|---|
| | | |
|---|
| | | .weather-info { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-right: 10rpx; |
|---|
| | | max-height: 95rpx; |
|---|
| | | overflow: hidden; |
|---|
| | | image { |
|---|
| | | width: 90rpx; |
|---|
| | | } |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | margin-top: 10rpx; |
|---|
| | | width: 100%; |
|---|
| | | text-align: center; |
|---|
| | | .dimension { |
|---|
| | | font-size: 40rpx; |
|---|
| | | &[v-cloak] { |
|---|
| | |
|---|
| | | height: 60rpx; |
|---|
| | | border-radius: 5rpx; |
|---|
| | | margin-right: 14rpx; |
|---|
| | | background-color: #fff; |
|---|
| | | background-color: #f5f5f5; |
|---|
| | | color: #35ADA7; |
|---|
| | | line-height: 60rpx; |
|---|
| | | text-align: center; |
|---|
