Files
income_payments_applet/pages/signUpDraftTeamPage/signUpDraftTeamPage.wxss
T

147 lines
2.7 KiB
Plaintext

/* pages/signUpDraftTeamPage/signUpDraftTeamPage.wxss *//* pages/meeting/meeting.wxss */
page {
background-color: #F5F5F5;
}
/* 头部筛选 start */
.select-list {
border-top: 0.5px solid #F5F5F5;
height: 40px;
font-size: 14px;
display: flex;
align-items: center;
background-color: #fff;
}
.select-item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.select-item image {
width: 11px;
height: 6px;
margin-left: 9px;
}
/* 头部筛选end */
/* 表单 start */
.form-item {
box-sizing: border-box;
display: flex;
padding: 32rpx;
font-size: 28rpx;
justify-content: space-between;
width: 100%;
height: 112rpx;
background-color: #fff;
}
.form-item .item-label {
position: relative;
}
/* 设置必填标记位置 */
.form-item .item-label.validate {
padding-left: 20rpx;
}
.form-item .item-label.validate::before {
left: 0;
}
/* 联系人部分 */
.form-contacts-head {
background-color: #fff;
box-sizing: border-box;
height: 112rpx;
padding: 32rpx;
display: flex;
width: 100%;
justify-content: space-between;
}
.form-contacts-head-title {
position: relative;
padding-left: 18rpx;
}
/* validate占用了before伪元素,这里使用after做左侧的 */
.form-contacts-head-title::after {
position: absolute;
top: 6rpx;
left: 0;
content: '';
display: block;
width: 6rpx;
height: 28rpx;
background: #069F99;
border-radius: 10rpx;
}
.form-contacts-head-title.validate {
padding-left: 38rpx;
}
.form-contacts-head-title.validate::before {
left: 18rpx;
}
.form-contacts-head-icons image {
width: 48rpx;
height: 48rpx;
}
.form-item input {
text-align: right;
}
.form-item.textarea {
display: block;
height: 264rpx;
}
.form-item.textarea textarea {
box-sizing: border-box;
margin-top: 24rpx;
padding: 20rpx;
width: 100%;
height: 134rpx;
border-radius: 8rpx;
border: 2rpx solid #C9CDD4;
}
/* 表单 end */
/* 添加联系人按钮 */
.contacts-add {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
padding: 32rpx;
}
.contacts-add-btn {
display: flex;
justify-content: center;
align-items: center;
height: 46rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #069F99;
border: 1px solid #069F99;
width: 100%;
height: 76rpx;
border-radius: 20rpx;
}
.contacts-add image {
line-height: 32rpx;
width: 32rpx;
height: 32rpx;
}
/* 提交按钮 */
.btn-box {
width: 100%;
padding: 32rpx;
}
.btn-box .submit {
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
width: 100%;
height: 76rpx;
border-radius: 20rpx;
background-color: #069F99;
color: white;
}
.ml8 {
margin-left: 8rpx;
}