/* pages/forBack/forBack.wxss */ .container{ margin: 0; padding: 0; } .title{ width: 700rpx; margin: 20rpx auto; font-size: 32rpx; height: 60rpx; line-height: 60rpx; } .radio-box{ width: 700rpx; margin: 0 25rpx; display: flex; flex-wrap: wrap; justify-content: space-between; } .radio-view{ width: 319rpx; text-align: center; height: 70rpx; line-height: 70rpx; background: #f1f1f1; color: #666; border-radius: 50rpx; font-size: 28rpx; margin-bottom: 30rpx; border: 1rpx solid #f1f1f1; } .curRadio{ background: #FFF; color: #005033; border: 1rpx solid #005033; } .picker-view,.curSchool{ font-size: 32rpx; width: 700rpx; margin: 0 auto; } .section{ display: flex; } .change-view{ height: 100rpx; padding-top: 40rpx; } .line{ height: 20rpx; background: #f1f1f1; width: 750rpx; } .textarea{ width: 650rpx; margin: 20rpx auto 40rpx; padding: 25rpx; background: #f1f1f1; border-radius: 20rpx; } .uploadImg-task-view{ display: grid; justify-content: space-between; grid-template-columns: repeat(auto-fill, 140rpx); grid-gap: auto; width: 650rpx; margin: 0 auto; border-bottom: 1px dashed #ccc; padding-bottom: 40rpx; margin-bottom: 40rpx; } .new-task-img{ width: 139rpx; height: 139rpx; border: 1rpx dashed #ccc; } .my-img-view{ position: relative; margin: 20rpx 0 20rpx; } .del-btn{ position: absolute; width: 40rpx; height: 40rpx; line-height: 40rpx; z-index: 2; background: #005033; color: #FFF; text-align: center; font-weight: 600; border-radius: 50rpx; top: -20rpx; left: -20rpx; border: 8rpx solid #FFF; } .new-task-img image{ width: 100%; height: 100%; } .upload-btn image{ height: 40rpx; width: 40rpx; } .upload-btn{ width: 139rpx; height: 139rpx; border: 1rpx dashed #ccc; text-align: center; background: #f8f8f8; margin: 20rpx 0 20rpx; color: #999; font-size: 22rpx; line-height: 36rpx; } .submit-btn{ width: 400rpx; height: 80rpx; line-height: 80rpx; color: #FFF; background: #005033; text-align: center; position: relative; left: 50%; margin-left: -200rpx; margin-bottom: 60rpx; border-radius: 50rpx; font-size: 32rpx; }