.content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .param{ margin: 20rpx 0 0 0; width: 100%; background-color: rgba(255, 255, 255, 1); font-size: 28rpx; font-weight: 400; line-height: 41rpx; color: rgba(0, 0, 0, 1); } .all-text{ margin: 22rpx 0 0 20rpx; font-size: 32rpx; font-weight: 500; color: rgba(0, 0, 0, 1); } .proName{ margin: 23rpx 0 0 20rpx; } .proINname{ margin: 25rpx 0 0 21rpx; width: 709rpx; height: 90rpx; border-radius: 13rpx; background: rgba(245, 248, 252, 1); border: 1rpx solid rgba(229, 229, 229, 1); font-size: 28rpx; line-height: 90rpx; /* 自动换行 */ word-wrap: break-word; word-break: break-all; white-space: pre-line; /* color: rgba(179, 179, 179, 1); */ } .proIMi{ height: 315rpx; } .proMiao{ margin: 31rpx 0 0 20rpx; } /* 上传附件 */ .upload-img{ /* width: 200rpx; height: 80rpx; opacity: 1; border-radius: 13rpx; background: rgba(0, 97, 255, 0.1); border: 1rpx solid rgba(0, 97, 255, 1); */ } .jindu{ font-size: 32rpx; font-weight: 500; line-height: 46rpx; } /* 进度 */ .jindu-kuang{ font-size: 24rpx; line-height: 35rpx; color: rgba(128, 128, 128, 1); } .jindu-circle{ margin-top: 10rpx; width: 100rpx; height: 100rpx; border-radius: 50%; opacity: 1; background-color:rgba(204, 204, 204, 1); } .jindu-type{ width: 103rpx; height: 40rpx; border-radius: 71rpx; font-size: 24rpx; line-height: 40rpx; color: rgba(255, 255, 255, 1); text-align: center; margin: 0 0 0 20rpx; } .lixiang{ background: linear-gradient(90deg, rgba(54, 111, 255, 1) 0%, rgba(93, 160, 252, 1) 100%); } .cuiban{ background: linear-gradient(90deg, rgba(57, 167, 139, 1) 0%, rgba(126, 224, 203, 1) 100%); } .tijiao{ background: linear-gradient(90deg, rgba(255, 112, 69, 1) 0%, rgba(247, 161, 114, 1) 100%); } .jindu-line{ width: 4rpx; height: 100rpx; background-color: rgba(166, 166, 166, 1); } .weidu{ margin: 7rpx 0 0 20rpx; font-size: 24rpx; line-height: 35rpx; color: rgba(128, 128, 128, 1); } .addRen{ margin: -80rpx 0 0 581rpx; width: 149rpx; height: 59rpx; border-radius: 92rpx; background: rgba(0, 97, 255, 1); font-size: 28rpx; line-height: 59rpx; color: rgba(255, 255, 255, 1); text-align: center; } /* 任务列表 */ .renwu{ display: flex; margin-top: 6rpx; width: 709rpx; height: 90rpx; border-radius: 13rpx; background: rgba(245, 248, 252, 1); border: 1rpx solid rgba(229, 229, 229, 1); font-size: 28rpx; justify-content: space-evenly; align-items: center; } .renwu-bu{ width: 105rpx; height: 50rpx; border-radius: 110rpx; line-height:50rpx; text-align: center; } .bianji{ border: 1rpx solid rgba(0, 97, 255, 1); color: rgba(0, 97, 255, 1); } .delete{ margin-left: 20rpx; border: 1rpx solid rgba(212, 48, 48, 1); color: rgba(212, 48, 48, 1); } .project{ display: flex; margin: 61rpx 0 0 0; justify-content: space-evenly; } .butt{ width: 330rpx; height: 90rpx; border-radius: 117rpx; font-size: 32rpx; line-height: 90rpx; text-align: center; } .quxiao{ border: 1rpx solid rgba(0, 97, 255, 1); color: rgba(0, 97, 255, 1); } .queren{ background: rgba(0, 97, 255, 1); color: rgba(255, 255, 255, 1); }