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.
160 lines
3.1 KiB
160 lines
3.1 KiB
.personal { |
|
padding: 0 30rpx; |
|
height: 100%; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
background: linear-gradient(180deg, #c5e5ff 0%, rgba(216, 216, 216, 0) 73%); |
|
.personal_center { |
|
position: relative; |
|
margin-top: 50rpx; |
|
.menu-item { |
|
width: 307rpx; |
|
height: 147rpx; |
|
background: linear-gradient(90deg, rgba(161, 193, 255, 0.2) 6%, rgba(116, 161, 252, 0.2) 100%); |
|
// box-shadow: 0rpx 4rpx 10rpx 0rpx #f3f7ff; |
|
border-radius: 6rpx 6rpx 6rpx 6rpx; |
|
opacity: 1; |
|
image { |
|
width: 101rpx; |
|
height: 101rpx; |
|
} |
|
.menu-item-label { |
|
color: #007dff; |
|
font-size: 30rpx; |
|
margin-right: 20rpx; |
|
} |
|
} |
|
} |
|
.ball { |
|
width: 315rpx; |
|
height: 315rpx; |
|
opacity: 1; |
|
position: absolute; |
|
border-radius: 50%; |
|
background: linear-gradient(62deg, rgba(220, 237, 255, 0.8) 0%, rgba(162, 212, 255, 0) 100%); |
|
&:nth-child(1) { |
|
right: -57rpx; |
|
top: -31rpx; |
|
} |
|
&:nth-child(2) { |
|
left: -57rpx; |
|
top: -20rpx; |
|
width: 338rpx; |
|
height: 338rpx; |
|
background: linear-gradient(315deg, #e2ebff 0%, rgba(167, 214, 255, 0.3) 100%); |
|
} |
|
} |
|
.personal_title { |
|
font-size: 34rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
color: #000000; |
|
font-weight: 600; |
|
} |
|
.personal_bottom { |
|
margin-bottom: 20rpx; |
|
border-radius: 50rpx; |
|
margin-top: 50rpx; |
|
box-sizing: border-box; |
|
padding: 46rpx; |
|
background: rgba(255, 255, 255, 0.9); |
|
.personal_bottom_others { |
|
margin-top: 50rpx; |
|
.personal_bottom_others_item { |
|
margin-bottom: 30rpx; |
|
image { |
|
width: 50rpx; |
|
height: 50rpx; |
|
margin-right: 20rpx; |
|
} |
|
.personal_bottom_others_item_title { |
|
color: #121836; |
|
font-size: 28rpx; |
|
} |
|
} |
|
} |
|
|
|
.personal_bottom_banner { |
|
width: 100%; |
|
height: 288rpx; |
|
image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
} |
|
} |
|
.personal_top { |
|
position: relative; |
|
z-index: 1; |
|
.options { |
|
margin-top: 53rpx; |
|
.options_item { |
|
image { |
|
height: 45rpx; |
|
} |
|
.options_item_title { |
|
color: rgba(0, 0, 0, 0.85); |
|
font-size: 28rpx; |
|
margin-top: 20rpx; |
|
} |
|
} |
|
} |
|
.wallet { |
|
color: #ffffff; |
|
width: 690rpx; |
|
height: 200rpx; |
|
// background: rgba(98, 105, 140, 0.1); |
|
opacity: 1; |
|
// margin-top: 72rpx; |
|
border-radius: 20rpx 20rpx 0 0; |
|
position: relative; |
|
.wallet_balance { |
|
color: #ffffff; |
|
font-size: 42rpx; |
|
} |
|
.wallet_container { |
|
position: relative; |
|
z-index: 2; |
|
padding: 0 35rpx; |
|
width: 100%; |
|
.wallet_name { |
|
margin-bottom: 38rpx; |
|
color: #ffffff; |
|
font-size: 28rpx; |
|
} |
|
} |
|
image { |
|
width: calc(100% - 20rpx); |
|
height: 100%; |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
margin: auto; |
|
} |
|
} |
|
.businessCard { |
|
.sculpture { |
|
width: 130rpx; |
|
height: 129rpx; |
|
background: #121836; |
|
border-radius: 50%; |
|
overflow: hidden; |
|
image { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
} |
|
} |
|
.information { |
|
margin-left: 43rpx; |
|
.information_footer { |
|
color: rgba(0, 0, 0, 0.3); |
|
font-size: 24rpx; |
|
margin-top: 15rpx; |
|
} |
|
.information_name { |
|
font-weight: 600; |
|
color: #000000; |
|
font-size: 34rpx; |
|
} |
|
} |
|
} |
|
}
|
|
|