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.
214 lines
3.4 KiB
214 lines
3.4 KiB
.title-box {
|
|
padding: 24rpx;
|
|
font-weight: bold;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
}
|
|
.upload-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0 18rpx;
|
|
}
|
|
.upload-image>.upload-image-item {
|
|
flex: 0 0 33.33%;
|
|
padding: 0 6rpx;
|
|
}
|
|
.upload-image>.upload-image-item>image {
|
|
width: 100%;
|
|
height: 150rpx;
|
|
}
|
|
.upload-image-item>text {
|
|
display: block;
|
|
text-align: center;
|
|
color: #8C8C8C;
|
|
font-size: 26rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.form {
|
|
display: block;
|
|
font-size: 26rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.form .page-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
height: 100rpx;
|
|
width: 100%;
|
|
padding: 0 24rpx;
|
|
background: #fff;
|
|
border-bottom: 1px solid #ECECEC;
|
|
}
|
|
|
|
.form .noBorder {
|
|
border: none;
|
|
}
|
|
|
|
.form .noBorder text {
|
|
color: #1aad19;
|
|
}
|
|
|
|
.flex-align {
|
|
align-items: center;
|
|
}
|
|
|
|
.form .space {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.form .page-section>.page-section-title {
|
|
flex: 0 0 172rpx;
|
|
margin-right: 25rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.form .page-section .more {
|
|
height: 36rpx;
|
|
width: 36rpx;
|
|
float: right;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.weui-cells {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sub-info,
|
|
.weui-input {
|
|
flex: 1;
|
|
}
|
|
.sub-infos {
|
|
color: #666;
|
|
}
|
|
.page-section-pick {
|
|
border-top: solid 1rpx #ececec;
|
|
}
|
|
.pick-title {
|
|
margin-right: 24rpx;
|
|
width: 172rpx;
|
|
line-height: 100rpx;
|
|
border-right: solid 1rpx #ececec;
|
|
}
|
|
.form .page-section>.weui-cells text{
|
|
color: rgb(131, 131, 131);
|
|
}
|
|
.form .page-section>.weui-cells .time{
|
|
display: inline-block;
|
|
width: 250rpx;
|
|
height: 100rpx;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
line-height: 100rpx;
|
|
}
|
|
.arrow {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
transform: rotate(90deg);
|
|
}
|
|
.form .submit {
|
|
background-color: #26A4DE;
|
|
width: 540rpx;
|
|
margin: 150rpx auto;
|
|
}
|
|
.input-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.input-container .page-section {
|
|
width: 50%;
|
|
border-right: solid 1rpx #ECECEC;
|
|
}
|
|
.input-container .page-section.w-full {
|
|
width: 100%;
|
|
}
|
|
.input-container .page-section .page-section-title,
|
|
.bRight {
|
|
border-right: solid 1rpx #ECECEC;
|
|
}
|
|
.btn-group {
|
|
background: white;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
left: 0;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
text-align: center;
|
|
display: flex;
|
|
z-index: 99;
|
|
}
|
|
.btn{
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
color: #fff;
|
|
display: block;
|
|
margin: 0 10rpx;
|
|
flex: 1;
|
|
border-radius: 40rpx;
|
|
background: #008fd7;
|
|
font-size: 28rpx;
|
|
}
|
|
.code-btn {
|
|
flex: 0 0 180rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
display: block;
|
|
border-radius: 8rpx;
|
|
background: #008fd7;
|
|
font-size: 28rpx;
|
|
}
|
|
.mask {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,.65);
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999;
|
|
}
|
|
.mask-container {
|
|
position: fixed;
|
|
padding: 24rpx;
|
|
width: 90%;
|
|
height: 90vh;
|
|
top: 5%;
|
|
left: 5%;
|
|
background-color: #fff;
|
|
border-radius: 12rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
z-index: 1001;
|
|
}
|
|
.mask-content {
|
|
flex: 1;
|
|
margin-bottom: 24rpx;
|
|
overflow-y: auto;
|
|
}
|
|
.text-title {
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
line-height: 1.75;
|
|
}
|
|
.i-text {
|
|
line-height: 1.75;
|
|
}
|
|
.text {
|
|
line-height: 1.75;
|
|
text-indent: 36rpx;
|
|
}
|
|
.check-container {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.confirm-btn {
|
|
margin-top: 24rpx;
|
|
width: 100%;
|
|
}
|