workDetail.acss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. .header-top{
  2. background: #fff;
  3. padding:20rpx 32rpx;
  4. }
  5. .header-top-right{
  6. margin-left: 10rpx;
  7. }
  8. .state{
  9. color: #E6A23C;
  10. margin-left: 10rpx;
  11. }
  12. .header-main{
  13. background: #fff;
  14. padding:16rpx 32rpx;
  15. }
  16. .header-main .laber{
  17. color: #909399;
  18. width: 180rpx;
  19. }
  20. .header-main .flex-box{
  21. padding: 10rpx 0;
  22. }
  23. .top-left{
  24. margin-left: 16rpx;
  25. }
  26. .name{
  27. margin-bottom: 10rpx
  28. }
  29. .top-left view:nth-child(2){
  30. color: rgb(144, 147, 153);
  31. }
  32. .top-right{
  33. margin-left: 16rpx;
  34. text-align: center;
  35. color: rgb(144, 147, 153);
  36. }
  37. /* mina */
  38. .main{
  39. background: #fff;
  40. }
  41. .titles{
  42. padding: .24rem .32rem;
  43. }
  44. .title{
  45. font-weight: 600
  46. }
  47. .slider{
  48. margin:0 .24rem ;
  49. padding-top: 0;
  50. padding-bottom: 0.5rem;
  51. position: relative;
  52. }
  53. .slider slider{
  54. padding: 0 0.3rem
  55. }
  56. .slider slider::after{
  57. content: "%";
  58. position: absolute;
  59. color: #909399;
  60. height: 20rpx;
  61. right: -10rpx;
  62. top: 0rpx;
  63. }
  64. .selectItems{
  65. background: #fff;
  66. text-align: center;
  67. }
  68. .selectItems .selectImg{
  69. border-left: 1px solid #f1f1f1;
  70. padding: 0 20rpx;
  71. }
  72. .img{
  73. width: 40rpx;
  74. height: 40rpx;
  75. }
  76. .selectImg image{
  77. width: 30rpx;
  78. height: 30rpx;
  79. }
  80. .selectItems .flex-1{
  81. padding: 24rpx 0;
  82. text-align: center;
  83. font-size: 32rpx;
  84. position: relative;
  85. }
  86. .selectItems .active::before{
  87. position: absolute;
  88. content: " ";
  89. height: 4rpx;
  90. width: 100rpx;
  91. background: #26A2FF;
  92. bottom: 0rpx;
  93. left: 50%;
  94. margin-left: -50rpx;
  95. }
  96. .gc_item{
  97. background: #fff;
  98. margin-top: 20rpx;
  99. padding: 0.24rem;
  100. position: relative;
  101. }
  102. .delete{
  103. position: absolute;
  104. bottom: 0.24rem;
  105. right: 0.24rem;
  106. }
  107. .sum{
  108. color: rgb(255, 204, 0);
  109. padding: 0.16rem 0px 0px 0.32rem;
  110. background: #fff;
  111. }
  112. .ji{
  113. text-align: right;
  114. font-size: 28rpx;
  115. }
  116. .imgs image{
  117. width: 90rpx;
  118. height: 90rpx;
  119. margin: 0 10rpx;
  120. }
  121. .img2{
  122. width: 40rpx;
  123. height: 40rpx;
  124. position: relative;
  125. top: 10rpx;
  126. }
  127. .noTask{
  128. padding: 0.5rem 0;
  129. color: #909399
  130. }
  131. .noTask image{
  132. width: 1.5rem;
  133. height: 1.5rem;
  134. margin-bottom: 20rpx;
  135. }
  136. .btn-area{
  137. position: fixed;
  138. z-index: 2;
  139. bottom: 0;
  140. border-top: 1px solid #f1f1f1;
  141. padding: 10rpx;
  142. width: 100%;
  143. background: #fff;
  144. }
  145. .defBtn{
  146. width: 90%;
  147. margin: 0 auto;
  148. border-radius: 10rpx;
  149. height: 90rpx;
  150. text-align: center;
  151. line-height: 90rpx;
  152. }
  153. .footer{
  154. margin-bottom: 2rem
  155. }