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.
112 lines
2.0 KiB
112 lines
2.0 KiB
1 year ago
|
.personal {
|
||
|
|
padding: 0 30rpx;
|
||
|
|
height: 100%;
|
||
|
|
font-family: PingFang SC-Bold, PingFang SC;
|
||
|
|
.personal_title {
|
||
|
|
font-size: 34rpx;
|
||
|
|
font-family: PingFang SC-Bold, PingFang SC;
|
||
|
|
color: #000000;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.personal_bottom {
|
||
|
|
border-radius: 50rpx 50rpx 0 0;
|
||
|
|
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 {
|
||
|
|
.personal_bottom_others_item_title {
|
||
|
|
margin-bottom: 30rpx;
|
||
|
|
color: #121836;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal_bottom_banner {
|
||
|
|
width: 100%;
|
||
|
|
height: 288rpx;
|
||
|
|
image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.personal_top {
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|