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.
70 lines
1.2 KiB
70 lines
1.2 KiB
.personal { |
|
width: 100vw; |
|
height: 100vh; |
|
overflow: hidden; |
|
box-sizing: border-box; |
|
padding: 0 30rpx; |
|
display: flex; |
|
flex-direction: column; |
|
.personal_footer { |
|
width: 100%; |
|
background: #ffffff; |
|
border-radius: 10rpx 10rpx 10rpx 10rpx; |
|
opacity: 1; |
|
margin: 21rpx 0; |
|
padding: 30rpx ; |
|
box-sizing: border-box; |
|
.personal_footer_row{ |
|
margin-bottom: 70rpx; |
|
image{ |
|
width: 56rpx; |
|
height: 56rpx; |
|
} |
|
} |
|
} |
|
.personal_center { |
|
width: 100%; |
|
background: #ffffff; |
|
border-radius: 10rpx 10rpx 10rpx 10rpx; |
|
opacity: 1; |
|
margin-top: 50rpx; |
|
box-sizing: border-box; |
|
padding: 25rpx; |
|
.menuList { |
|
margin: 50rpx 0 20rpx 0; |
|
justify-content: space-around; |
|
.menuItem { |
|
text-align: center; |
|
.title { |
|
font-size: 28rpx; |
|
color: #333333; |
|
} |
|
image { |
|
width: 56rpx; |
|
height: 56rpx; |
|
} |
|
} |
|
} |
|
.personal_center_header { |
|
} |
|
} |
|
.personal_header { |
|
.userDetails { |
|
color: #ffffff; |
|
margin-left: 30rpx; |
|
.account { |
|
font-size: 28rpx; |
|
} |
|
.name { |
|
font-size: 36rpx; |
|
} |
|
} |
|
.headSculpture { |
|
width: 108rpx; |
|
height: 108rpx; |
|
overflow: hidden; |
|
background: linear-gradient(180deg, #ffffff 20%, #00ffff 100%); |
|
border-radius: 100rpx; |
|
} |
|
} |
|
}
|
|
|