projectX.wxss 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. justify-content: center;
  6. }
  7. .param{
  8. margin: 20rpx 0 0 0;
  9. width: 100%;
  10. background-color: rgba(255, 255, 255, 1);
  11. font-size: 28rpx;
  12. font-weight: 400;
  13. line-height: 41rpx;
  14. color: rgba(0, 0, 0, 1);
  15. }
  16. .proName{
  17. margin: 23rpx 0 0 20rpx;
  18. }
  19. .prolittle{
  20. margin: 5rpx 0 0 20rpx;
  21. width: 710rpx;
  22. /* 自动换行 */
  23. word-wrap: break-word;
  24. word-break: break-all;
  25. white-space: pre-line;
  26. }
  27. .proINname{
  28. margin: 25rpx 0 0 21rpx;
  29. width: 709rpx;
  30. height: 90rpx;
  31. border-radius: 13rpx;
  32. background: rgba(245, 248, 252, 1);
  33. border: 1rpx solid rgba(229, 229, 229, 1);
  34. font-size: 28rpx;
  35. line-height: 90rpx;
  36. /* color: rgba(179, 179, 179, 1); */
  37. }
  38. .proIMi{
  39. height: 315rpx;
  40. }
  41. .proMiao{
  42. margin: 31rpx 0 0 20rpx;
  43. }
  44. /* 上传附件 */
  45. .upload-img{
  46. /* width: 200rpx;
  47. height: 80rpx;
  48. opacity: 1;
  49. border-radius: 13rpx;
  50. background: rgba(0, 97, 255, 0.1);
  51. border: 1rpx solid rgba(0, 97, 255, 1); */
  52. }
  53. .jindu{
  54. font-size: 32rpx;
  55. font-weight: 500;
  56. line-height: 46rpx;
  57. }
  58. /* 进度 */
  59. .jindu-kuang{
  60. font-size: 24rpx;
  61. line-height: 35rpx;
  62. color: rgba(128, 128, 128, 1);
  63. }
  64. .jindu-circle{
  65. margin-top: 10rpx;
  66. width: 100rpx;
  67. height: 100rpx;
  68. border-radius: 50%;
  69. opacity: 1;
  70. background-color:rgba(204, 204, 204, 1);
  71. }
  72. .jindu-type{
  73. width: 103rpx;
  74. height: 40rpx;
  75. border-radius: 71rpx;
  76. font-size: 24rpx;
  77. line-height: 40rpx;
  78. color: rgba(255, 255, 255, 1);
  79. text-align: center;
  80. margin: 0 0 0 20rpx;
  81. }
  82. .lixiang{
  83. background: linear-gradient(90deg, rgba(54, 111, 255, 1) 0%, rgba(93, 160, 252, 1) 100%);
  84. }
  85. .cuiban{
  86. background: linear-gradient(90deg, rgba(57, 167, 139, 1) 0%, rgba(126, 224, 203, 1) 100%);
  87. }
  88. .tijiao{
  89. background: linear-gradient(90deg, rgba(255, 112, 69, 1) 0%, rgba(247, 161, 114, 1) 100%);
  90. }
  91. .jindu-line{
  92. width: 4rpx;
  93. height: 100rpx;
  94. background-color: rgba(166, 166, 166, 1);
  95. }
  96. .weidu{
  97. margin: 7rpx 0 0 20rpx;
  98. font-size: 24rpx;
  99. line-height: 35rpx;
  100. color: rgba(128, 128, 128, 1);
  101. }
  102. .addRen{
  103. margin: -80rpx 0 0 581rpx;
  104. width: 149rpx;
  105. height: 59rpx;
  106. border-radius: 92rpx;
  107. background: rgba(0, 97, 255, 1);
  108. font-size: 28rpx;
  109. line-height: 59rpx;
  110. color: rgba(255, 255, 255, 1);
  111. text-align: center;
  112. }
  113. /* 任务列表 */
  114. .renwu{
  115. display: flex;
  116. margin-top: 6rpx;
  117. width: 709rpx;
  118. height: 90rpx;
  119. border-radius: 13rpx;
  120. background: rgba(245, 248, 252, 1);
  121. border: 1rpx solid rgba(229, 229, 229, 1);
  122. font-size: 28rpx;
  123. justify-content: space-evenly;
  124. align-items: center;
  125. }
  126. .renwu-bu{
  127. width: 105rpx;
  128. height: 50rpx;
  129. border-radius: 110rpx;
  130. line-height:50rpx;
  131. text-align: center;
  132. }
  133. .bianji{
  134. border: 1rpx solid rgba(0, 97, 255, 1);
  135. color: rgba(0, 97, 255, 1);
  136. }
  137. .delete{
  138. margin-left: 20rpx;
  139. border: 1rpx solid rgba(212, 48, 48, 1);
  140. color: rgba(212, 48, 48, 1);
  141. }
  142. .project{
  143. display: flex;
  144. margin: 61rpx 0 0 0;
  145. justify-content: space-evenly;
  146. }
  147. .butt{
  148. width: 330rpx;
  149. height: 90rpx;
  150. border-radius: 117rpx;
  151. font-size: 32rpx;
  152. line-height: 90rpx;
  153. text-align: center;
  154. }
  155. .quxiao{
  156. border: 1rpx solid rgba(0, 97, 255, 1);
  157. color: rgba(0, 97, 255, 1);
  158. }
  159. .queren{
  160. background: rgba(0, 97, 255, 1);
  161. color: rgba(255, 255, 255, 1);
  162. }