39 lines
2.8 KiB
Plaintext
39 lines
2.8 KiB
Plaintext
|
|
/* 身份信息 */
|
|
.schedule{ display: flex; align-items: center; justify-content: space-around; padding: 50rpx 30rpx; }
|
|
.schedule-item{ font-size: 28rpx; color: gray; padding-top: 60rpx; position: relative; }
|
|
.schedule-item::after{ content: " "; position: absolute; left: 50%; top: 0; width: 40rpx; height: 40rpx; margin-left: -25rpx; background: #ddd; text-align: center; border-radius: 50%; line-height: 40rpx; font-size: 28rpx; border: solid 5rpx #f7f8f9; }
|
|
.schedule-item:nth-child(1)::after{ content: "1"; }
|
|
.schedule-item:nth-child(2)::after{ content: "2"; }
|
|
.schedule-item:nth-child(3)::after{ content: "3"; }
|
|
|
|
.schedule-item.show{color: #da2b54;}
|
|
.schedule-item.show::after{ background: #da2b54; color: white; border-color: #fbccd7; }
|
|
|
|
/* 上传身份证 */
|
|
.upds{ padding: 0 60rpx; }
|
|
.upds-item{ background: #f7f8f9; border-radius: 20rpx; margin-top: 20rpx; width: 100%; padding-top:58%; border: dashed 1rpx #ddd; position: relative; overflow: hidden; }
|
|
.upds-text{ font-size: 28rpx; color: gray; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; }
|
|
.upds-icon{ width: 58rpx; height: 58rpx; margin: 20rpx 0; }
|
|
.upds-back{ position: absolute; top: 50%; left: 50%; width: 400rpx; height: 185rpx; opacity: .2; margin-left: -200rpx; margin-top: -92rpx; }
|
|
.upds-src{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
|
|
.idcard-input{ background: #f7f8f9; border-radius: 20rpx; height: 90rpx; margin-top: 20rpx; display: flex; align-items: center; padding: 0 30rpx; box-sizing: border-box; }
|
|
.idcard-input input{ width: calc(100% - 140rpx); height: 90rpx; line-height: 90rpx; font-size: 30rpx; box-sizing: border-box; padding-left: 20rpx; }
|
|
.idcard-input label{ width: 140rpx; font-size: 30rpx; }
|
|
|
|
/* 认证信息 */
|
|
.info-block{ background: #f7f8f9; margin: 0 50rpx; border-radius: 20rpx; padding: 30rpx; }
|
|
.info-flex{ display: flex; align-items: flex-start; justify-content: space-between; line-height: 40rpx; padding: 15rpx 0; font-size: 30rpx; }
|
|
.info-flex label{ color: gray; }
|
|
|
|
/* 认证结果信息 */
|
|
.idcard-success{ margin: 0 50rpx; display: flex; align-items: center; justify-content: center; height: 75vh; flex-direction: column; }
|
|
.idcard-icon{ width: 128rpx; margin-bottom: 50rpx; }
|
|
.idcard-title{ font-size: 50rpx; font-weight: bold; line-height: 50rpx; }
|
|
.idcard-subtitle{ font-size: 30rpx; color: gray; line-height: 40rpx; margin-top: 20rpx; margin-bottom: 100rpx; text-align: center; }
|
|
.idcard-info{ margin-top: 20rpx; font-size: 30rpx; }
|
|
|
|
/* 下一步 */
|
|
.idcard-btn{ padding: 50rpx 60rpx; width: 100vw; box-sizing: border-box; }
|
|
.idcard-btn button[size='default']{ background: #da2b54; width: 100%; height: 90rpx; border-radius: 45rpx; color: white; line-height: 90rpx; padding: 0; font-size: 32rpx; }
|