/* pages/uploadShow/uploadShow.wxss */ .container { padding: 0; margin: 0; } .show-box,.video-box { width: 700rpx; padding: 25rpx; display: flex; flex-wrap: wrap; } .title { min-width: 50rpx; max-width: 200rpx; font-size: 32rpx; margin-right: 20rpx; height: 100rpx; line-height: 100rpx; border-bottom: 1px solid #eee; } .select-view, .input-view { width: 450rpx; height: 100rpx; line-height: 100rpx; border-bottom: 1px solid #eee; } .input-view input { height: 100rpx; line-height: 100rpx; } .textarea-title { border: none; width: 700rpx; } textarea { width: 650rpx; padding: 25rpx; height: 200rpx; background: #f1f1f1; } .textarea-view { border-bottom: 1px solid #eee; height: 280rpx; } .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; } .my-img-view{ position: relative; margin: 20rpx 0 20rpx; } .del-btn{ position: absolute; width: 40rpx; height: 40rpx; line-height: 40rpx; z-index: 2; background: #cc6031; color: #FFF; text-align: center; font-weight: 600; border-radius: 50rpx; top: -20rpx; left: -20rpx; border: 8rpx solid #FFF; } .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; } .new-task-img{ width: 139rpx; height: 139rpx; border: 1rpx dashed #ccc; } .new-task-img image{ width: 100%; height: 100%; } .btn-view{ position: fixed; bottom: 60rpx; width: 750rpx; } .submint-btn{ background: #005033; border-radius: 50rpx; color: #FFF; font-weight: 400; width: 400rpx; }