114 lines
453 KiB
SCSS
114 lines
453 KiB
SCSS
|
|
||
|
|
@import url('@/styles/theme.scss');
|
||
|
|
.sex-popup{
|
||
|
|
::v-deep .uni-popup__wrapper {
|
||
|
|
height: 680rpx;
|
||
|
|
background-color: white !important;
|
||
|
|
border-radius: 24rpx 24rpx 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.my{
|
||
|
|
position: relative;
|
||
|
|
.banner{
|
||
|
|
width: 100%;
|
||
|
|
height: 542rpx;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
overflow: hidden;
|
||
|
|
border:none;
|
||
|
|
background-image: url('data:image/png;base64,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
|
||
|
|
}
|
||
|
|
.headBox{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 48rpx;
|
||
|
|
margin-top: 200rpx;
|
||
|
|
image{
|
||
|
|
width: 108rpx;
|
||
|
|
height: 108rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.userName{
|
||
|
|
font-size: 34rpx;
|
||
|
|
color: white;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left: 32rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-top,.list-bottom{
|
||
|
|
height: 330rpx;
|
||
|
|
margin: 0 29rpx;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
box-shadow: 0 4rpx 38rpx 0 rgba(66,77,84,0.00);
|
||
|
|
background: #FFFFFF;
|
||
|
|
position: relative;
|
||
|
|
bottom: 170rpx;
|
||
|
|
.list-item{
|
||
|
|
height: 110rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
border-bottom: 2rpx solid #F4F4F4;
|
||
|
|
.left{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 32rpx;
|
||
|
|
}
|
||
|
|
.icon{
|
||
|
|
width: 48rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
}
|
||
|
|
.label{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
}
|
||
|
|
.arrow{
|
||
|
|
width: 12rpx;
|
||
|
|
height: 18rpx;
|
||
|
|
margin-right: 27rpx;
|
||
|
|
}
|
||
|
|
.item-value{
|
||
|
|
margin-left: 323rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
.list-item.sex{
|
||
|
|
.item-value{
|
||
|
|
margin-left: 463rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.list-item:last-child{
|
||
|
|
border-bottom: none;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.list-bottom{
|
||
|
|
height: 220rpx;
|
||
|
|
margin-top: 32rpx;
|
||
|
|
.list-item{
|
||
|
|
.label{
|
||
|
|
margin-left: 32rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.line{
|
||
|
|
height: 3rpx;
|
||
|
|
background-color: #F4F4F4;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.logout{
|
||
|
|
height: 88rpx;
|
||
|
|
width: 644rpx;
|
||
|
|
background-color: white;
|
||
|
|
border-radius: 45rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 88rpx;
|
||
|
|
margin: 0 auto;
|
||
|
|
position: relative;
|
||
|
|
bottom: 96rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|