123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- .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;
- }
|