1 line
7.7 KiB
Plaintext
1 line
7.7 KiB
Plaintext
.component-member-apply .component-member-apply-form .component-member-apply-form-item{margin-top:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item:first-child{margin-top:0}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-title{color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-title .required{color:#e60012}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-title .tips{font-size:28rpx;font-weight:400;color:#666}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input{margin-top:32rpx;display:flex;align-items:center;border-radius:16rpx;background:#fff}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input.disabled .input{color:#acadb7}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input .input{color:#5a5b6e;font-size:28rpx;height:104rpx;line-height:104rpx;flex:1;padding:0 32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input .textarea{color:#5a5b6e;font-size:28rpx;line-height:40rpx;flex:1;padding:32rpx;height:200rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input .placeholder{color:#acadb7}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-input .icon{width:32rpx;height:32rpx;padding-right:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio{display:flex;flex-wrap:wrap;margin-left:-26rpx;padding-top:8rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio{border-radius:8rpx;background:#fff;padding:16rpx;margin-left:26rpx;margin-top:24rpx;display:flex;align-items:center}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio image{width:24rpx;height:24rpx;margin-right:8rpx;display:none}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio text{color:#acadb7;font-size:24rpx;line-height:34rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio.active{background:var(--theme-color)}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio.active image{display:block}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-radio .radio.active text{color:#fff}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload{display:flex;flex-wrap:wrap;margin-top:32rpx;-webkit-column-gap:3.5%;column-gap:3.5%;row-gap:24rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image{position:relative;width:31%;height:0;padding-top:31%}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-select{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-video{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10rpx;background:var(--theme-color);padding:56rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-delete{position:absolute;top:-16rpx;right:-16rpx;width:48rpx;height:48rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-choose{position:absolute;top:20rpx;left:20rpx;right:20rpx;bottom:20rpx;z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:10rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-choose .icon{width:80rpx;height:80rpx;padding:18rpx;background:var(--theme-color);border-radius:50%}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-choose .text{margin-top:16rpx;color:var(--theme-color);font-size:28rpx;line-height:40rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-upload .upload-image .image-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:var(--theme-color);opacity:.08}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload{position:relative;margin-top:32rpx;border-radius:16rpx;background:#fff;padding:52rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload .upload-icon{width:72rpx;height:64rpx;background-size:72rpx 64rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload .upload-info{margin-left:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload .upload-info .info-title{color:var(--theme-color);font-size:24rpx;line-height:34rpx;letter-spacing:1rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload .upload-info .info-tips{margin-top:8rpx;color:#bbbdbf;font-size:24rpx;line-height:34rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-upload:before{content:"";display:block;position:absolute;top:20rpx;left:20rpx;right:20rpx;bottom:20rpx;border-radius:16rpx;border:1px dashed #d4d6d9}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-list{margin-top:32rpx;border-radius:16rpx;background:#fff;padding:36rpx 32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-list .list-item{margin-top:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-list .list-item:first-child{margin-top:0}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-list .list-item .item-name{color:#acadb7;font-size:28rpx;line-height:40rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-files .files-list .list-item .item-delete{margin-left:20rpx;width:32rpx;height:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch{margin-top:32rpx;display:flex;align-items:center;border-radius:16rpx;background:#fff;padding:32rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch .switch-label{flex:1;color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch .switch-box{margin-left:20rpx;width:72rpx;height:36rpx;padding:2rpx;background:#d9d9d9;border-radius:18rpx;transition:all .3s}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch .switch-box .round{width:32rpx;height:32rpx;border-radius:50%;background:#fff;margin-left:0;transition:all .3s}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch .switch-box.select{background:var(--theme-color)}.component-member-apply .component-member-apply-form .component-member-apply-form-item .item-switch .switch-box.select .round{margin-left:calc(100% - 32rpx)} |