You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
2.3 KiB
129 lines
2.3 KiB
.DataAnalysis{ |
|
width: 750rpx; |
|
height: 100vh; |
|
background-color: #697BFF; |
|
position: relative; |
|
|
|
.DataAnalysisNumber{ |
|
width: 750rpx; |
|
height: 1170rpx; |
|
position: absolute; |
|
background-color: #FFFFFF; |
|
bottom: 0rpx; |
|
border-top-right-radius: 80rpx; |
|
border-top-left-radius: 80rpx; |
|
.title{ |
|
text-align: center; |
|
color: #697BFF; |
|
margin-top: 40rpx; |
|
} |
|
.area{ |
|
.city{ |
|
color: #5D5D5D; |
|
text-align: center; |
|
margin-top: 40rpx; |
|
} |
|
.cityDetails{ |
|
display: flex; |
|
margin-top: 80rpx; |
|
.itemOne,.itemTwo,.itemThree{ |
|
width: 212rpx; |
|
height: 236rpx; |
|
background-color: #F8FAFF; |
|
margin-right: 30rpx; |
|
border-radius: 48rpx; |
|
} |
|
.itemOne{ |
|
margin-left: 25rpx; |
|
background-color: #FFFCF8; |
|
box-sizing: border-box; |
|
padding-left: 20rpx; |
|
.content{ |
|
image{ |
|
width: 72rpx; |
|
height: 89rpx; |
|
margin-top: 30rpx; |
|
} |
|
|
|
.textONE{ |
|
color: #333333; |
|
font-size: 32rpx; |
|
|
|
} |
|
.textTwo{ |
|
color: #ADABA8; |
|
font-size: 22rpx; |
|
} |
|
.textThree{ |
|
color: #ADABA8; |
|
font-size: 24rpx; |
|
margin-top: 10rpx; |
|
} |
|
} |
|
|
|
} |
|
|
|
.itemTwo{ |
|
margin-left: 25rpx; |
|
background-color: #FAF8FE; |
|
box-sizing: border-box; |
|
padding-left: 20rpx; |
|
.content{ |
|
image{ |
|
width: 72rpx; |
|
height: 89rpx; |
|
margin-top: 30rpx; |
|
} |
|
|
|
.textONE{ |
|
color: #333333; |
|
font-size: 32rpx; |
|
|
|
} |
|
.textTwo{ |
|
color: #ADABA8; |
|
font-size: 22rpx; |
|
} |
|
.textThree{ |
|
color: #ADABA8; |
|
font-size: 24rpx; |
|
margin-top: 10rpx; |
|
} |
|
} |
|
|
|
} |
|
|
|
.itemThree{ |
|
margin-left: 25rpx; |
|
background-color: #F8FAFF; |
|
box-sizing: border-box; |
|
padding-left: 20rpx; |
|
.content{ |
|
image{ |
|
width: 72rpx; |
|
height: 89rpx; |
|
margin-top: 30rpx; |
|
} |
|
|
|
.textONE{ |
|
color: #333333; |
|
font-size: 32rpx; |
|
|
|
} |
|
.textTwo{ |
|
color: #ADABA8; |
|
font-size: 22rpx; |
|
} |
|
.textThree{ |
|
color: #ADABA8; |
|
font-size: 24rpx; |
|
margin-top: 10rpx; |
|
} |
|
} |
|
|
|
} |
|
|
|
} |
|
} |
|
} |
|
} |