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.
181 lines
3.5 KiB
181 lines
3.5 KiB
/* 主体 */
|
|
.basicInformation{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.basicInformation-title-wrap{
|
|
width: 100%;
|
|
height: 544rpx;
|
|
background: var(--bg) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 0;
|
|
}
|
|
.basicInformation-title{
|
|
position: absolute;
|
|
top: 44rpx;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 66rpx;
|
|
text-align: center;
|
|
font-size: 34rpx;
|
|
font-family: Helvetica;
|
|
color: #000000;
|
|
line-height: 48rpx;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* 内容 */
|
|
.content-wrap{
|
|
position: absolute;
|
|
top: 544rpx;
|
|
left: 0;
|
|
width: 100%;
|
|
height: calc( 100vh - 544rpx);
|
|
box-sizing: border-box;
|
|
padding: 0 48rpx;
|
|
}
|
|
.content-details-wrap{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
padding-top: 320rpx;
|
|
padding-bottom: 200rpx;
|
|
background: #fff;
|
|
border-radius: 32px 32px 0px 0px;
|
|
}
|
|
|
|
/* 用户基本信息 */
|
|
.user-details{
|
|
position: absolute;
|
|
top: 96rpx;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 200rpx;
|
|
text-align: center;
|
|
}
|
|
.user-logo{
|
|
float: left;
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
margin-bottom: 24rpx;
|
|
margin-left: calc( 50% - 48rpx );
|
|
border-radius: 8rpx;
|
|
overflow: hidden;
|
|
}
|
|
.user-name{
|
|
float: left;
|
|
width: 100%;
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #323436;
|
|
}
|
|
.information-wrap{
|
|
width: 100%;
|
|
margin-bottom: 48rpx;
|
|
}
|
|
.information-bottom{
|
|
margin-bottom: 80rpx;
|
|
}
|
|
.information-title{
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #727373;
|
|
box-sizing: border-box;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.information-address-wrap{
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.information-address-btn-wrap{
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.information-address-btn{
|
|
width: 100% !important;
|
|
height: 100rpx;
|
|
line-height: 66rpx;
|
|
border: 1px solid #E4E4E4 !important;
|
|
color: #333333 !important;
|
|
font-weight: 500 !important;
|
|
text-align: left;
|
|
font-size: 32rpx;
|
|
padding-left: 26rpx;
|
|
background: #FAFAFA !important;
|
|
}
|
|
.information-address-icon{
|
|
position: absolute;
|
|
top: 35rpx;
|
|
right: 32rpx;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
.information-title-text{
|
|
float: left;
|
|
width: 290rpx;
|
|
height: 44rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #727373;
|
|
line-height: 44rpx;
|
|
}
|
|
.information-title-input{
|
|
float: right;
|
|
width: calc( 100% - 290rpx);
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFang-SC-Medium, PingFang-SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
}
|
|
/* title */
|
|
.content-details-title{
|
|
position: absolute;
|
|
top: 22rpx;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 132rpx;
|
|
text-align: center;
|
|
font-size: 36rpx;
|
|
font-family: PingFangSC-Semibold, PingFang SC;
|
|
font-weight: 600;
|
|
color: #323436;
|
|
line-height: 132rpx;
|
|
}
|
|
/* 详细内容 */
|
|
.content-details-content-wrap{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
/* 底部提交按钮 */
|
|
.content-details-btn-wrap{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 68rpx;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.content-details-btn {
|
|
width: 654rpx !important;
|
|
height: 100rpx;
|
|
background: #1467FF !important;
|
|
border-radius: 8rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Semibold, PingFang SC;
|
|
font-weight: 600;
|
|
line-height: 100rpx;
|
|
margin-top: 32rpx;
|
|
padding: 0 !important;
|
|
}
|
|
.content-details-btn[disabled][type='primary'] {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.16) !important;
|
|
}
|