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.
72 lines
1.5 KiB
72 lines
1.5 KiB
page { |
|
background-color: rgba(247, 247, 250, 1); |
|
} |
|
|
|
.page { |
|
padding: 0 40rpx 40rpx; |
|
.container { |
|
margin-top: 184rpx; |
|
position: relative; |
|
background: linear-gradient( 291deg, #FFFFFF 0%, #FFFCFC 55%, #FFF7F7 100%); |
|
border-radius: 24rpx 24rpx 24rpx 24rpx; |
|
border: 2rpx solid #ffffff; |
|
padding: 136rpx 40rpx 48rpx; |
|
.avatar { |
|
position: absolute; |
|
top: -92rpx; |
|
left: 50%; |
|
transform: translateX(-50%); |
|
width: 184rpx; |
|
height: 184rpx; |
|
border-radius: 50%; |
|
} |
|
.name { |
|
font-size: 40rpx; |
|
color: rgba(1, 1, 5, 1); |
|
font-weight: bold; |
|
text-align: center; |
|
} |
|
.title { |
|
margin: 46rpx auto 0; |
|
display: block; |
|
width: 346rpx; |
|
height: 34rpx; |
|
} |
|
.content { |
|
margin-top: 32rpx; |
|
font-size: 32rpx; |
|
color: rgba(161, 164, 172, 1); |
|
text-align: center; |
|
} |
|
.code { |
|
margin: 38rpx auto 0; |
|
display: block; |
|
width: 296rpx; |
|
height: 296rpx; |
|
border-radius: 50%; |
|
} |
|
.tip { |
|
margin-top: 22rpx; |
|
font-size: 32rpx; |
|
color: rgba(161, 164, 172, 1); |
|
text-align: center; |
|
} |
|
} |
|
.btn { |
|
margin-top: 48rpx; |
|
padding: 20rpx; |
|
font-size: 32rpx; |
|
line-height: 48rpx; |
|
color: #fff; |
|
text-align: center; |
|
background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); |
|
border-radius: 96rpx; |
|
} |
|
.bind-num{ |
|
margin-top: 20rpx; |
|
padding: 12rpx; |
|
font-size: 32rpx; |
|
color: rgba(161, 164, 172, 1); |
|
text-align: center; |
|
} |
|
}
|
|
|