.task-form-item { padding-top: 30rpx; .form-lable { font-size: 28rpx; font-weight: Light; color: #1A1A1A; line-height: 40rpx; padding-bottom: 10rpx; .form-must { color: #ff0000; } } .form-textarea { width: 690rpx; background-color: #F5F5F5; border: 1rpx solid #e6e6e6; border-radius: 20rpx; padding: 18rpx 30rpx; .textarea-box { width: 100%; min-height: 240rpx; font-size: 24rpx; font-weight: Light; color: #666666; } .textarea-num { width: 100%; text-align: right; font-size: 24rpx; font-weight: Light; color: #b3b3b3; line-height: 50rpx; } } } .form-item-media { width: 100%; .form-lable { display: flex; flex-direction: row; // justify-content: flex-start; justify-content: space-between; align-items: center; .form-lable-content { flex: 1; padding: 0 20rpx; .lable-content-btn { width: 256rpx; height: 70rpx; background: #d4f5fd; border-radius: 35rpx; display: flex; justify-content: center; align-items: center; line-height: 1; font-size: 28rpx; // font-family: .PingFang SC, .PingFang SC-Light; font-weight: Light; color: #3db8d2; .iconfont_yige { font-size: 40rpx; margin-right: 10rpx; } } } .lable-content-right{ .lable-content-btn{ float: right; } } .form-media-num { width: 85rpx; font-size: 28rpx; line-height: 40rpx; font-weight: Light; text-align: right; color: #808080; } } .form-value { font-size: 28rpx; // font-family: .PingFang SC, .PingFang SC-Light; font-weight: Light; color: #808080; line-height: 40rpx; } .form-img-video { width: 100%; padding: 0 30rpx; display: flex; flex-direction: row; align-items: stretch; .updata-btn { border: 1rpx dashed #cbcbcb; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: Regular; color: #666666; line-height: 1; .iconfont_yige { font-size: 60rpx; color: #999999; margin-bottom: 15rpx; } } .img-video-box { position: relative; .del-img-video { position: absolute; right: -23rpx; top: -23rpx; z-index: 3; } .img-video { width: 100%; height: 100%; } } .img-video-item { flex-shrink: 0; margin: 23rpx 40rpx 0 0; width: 160rpx; height: 160rpx; border-radius: 14rpx; background: #fcfcfc; video,image{ border-radius: 14rpx; } } } // .form-img-video { // width: calc(100% - 130rpx - 85rpx); // background-color: hotpink; // display: flex; // flex-direction: row; // align-items: stretch; // .img-video-item { // width: 160rpx; // height: 160rpx; // background-color: skyblue; // } // } } .del-img-video { width: 46rpx; height: 46rpx; background-color: #E5404F; border-radius: 50%; text-align: center; line-height: 46rpx; color: #fff; font-size: 24rpx; }