taskreminder.acss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. .tasks-page{
  2. padding-top: 0rpx;
  3. background-color: #FFFFFF;
  4. }
  5. .tasks-head{
  6. height: 185rpx;
  7. background-color: #FFFFFF;
  8. padding-left: 48rpx;
  9. }
  10. .cell-title{
  11. color: #333333;
  12. font-size: 32rpx;
  13. }
  14. .cell-title image{
  15. width: 24rpx;
  16. height: 16rpx;
  17. margin-left: 9rpx;
  18. }
  19. .cell-list{
  20. color: #999999;
  21. font-size: 22rpx;
  22. }
  23. .cell-type{
  24. color: #666666;
  25. font-size: 28rpx;
  26. }
  27. .cell-right{
  28. float: right;
  29. width: 50%;
  30. padding-right: 48rpx;
  31. font-size: 24rpx;
  32. color: #999999;
  33. font-weight: normal;
  34. text-align: right;
  35. }
  36. .tasks-line{
  37. background-color: #F3F3F3;
  38. border-top-right-radius: 28rpx;
  39. border-top-left-radius: 28rpx;
  40. padding-bottom: 25rpx;
  41. padding-top: 26rpx;
  42. }
  43. .tasks-tik{
  44. background-color: #FFFFFF;
  45. margin-left: 23rpx;
  46. margin-right: 24rpx;
  47. border-radius: 12rpx;
  48. padding-top: 29rpx;
  49. padding-left: 24rpx;
  50. height: 258rpx;
  51. margin-bottom: 25rpx;
  52. }
  53. .tik-title{
  54. color: #333333;
  55. font-size: 48rpx;
  56. font-weight: bold;
  57. }
  58. .tik-right{
  59. color: #09AFFF;
  60. float: right;
  61. font-size: 20rpx;
  62. height: 80rpx;
  63. line-height: 80rpx;
  64. }
  65. .tik-right image{
  66. width: 19.31rpx;
  67. height: 20rpx;
  68. margin-right: 6rpx;
  69. margin-top: 30rpx;
  70. float: left;
  71. }
  72. .tik-week-item{
  73. float: left;
  74. width: 14.2%;
  75. color: #999999;
  76. text-align: center;
  77. height: 121rpx;
  78. padding-top: 23rpx;
  79. }
  80. .tik-week-item-select{
  81. background: rgba(9, 175, 255, 0.05);
  82. color: #09AFFF;
  83. border-radius: 12px;
  84. }
  85. .tik-week-item view{
  86. padding-bottom: 20rpx;
  87. }
  88. .tasks-list{
  89. margin-top: 56rpx;
  90. background: #FFFFFF;
  91. border-radius: 18px;
  92. margin-left: 23rpx;
  93. margin-right: 24rpx;
  94. padding-top: 35rpx;
  95. padding-bottom: 23rpx;
  96. }
  97. .tasks-list-item{
  98. height: 100rpx;
  99. background: #FAFAFA;
  100. border-radius: 12px;
  101. font-size: 28rpx;
  102. font-family: PingFangSC-Regular, PingFang SC;
  103. font-weight: 400;
  104. color: #333333;
  105. line-height: 100rpx;
  106. padding-left: 28rpx;
  107. margin-top: 30rpx;
  108. }
  109. .tasks-item-no{
  110. width: 122rpx;
  111. height: 102rpx;
  112. float: right;
  113. background-color:#fff6f4;
  114. }
  115. .tasks-item-yes{
  116. width: 122rpx;
  117. height: 102rpx;
  118. float: right;
  119. border-top-right-radius: 12rpx;
  120. border-bottom-right-radius: 12rpx;
  121. background-color:#f2fbff;
  122. }
  123. .tasks-list-item image{
  124. width: 35rpx;
  125. height: 35rpx;
  126. margin-left: 44.5rpx;
  127. margin-top: 33.5rpx;
  128. }
  129. .tast-moneybox{
  130. height: 102rpx;
  131. background-color: #F3F3F3;
  132. }
  133. .tasks-list-money{
  134. height: 102rpx;
  135. margin-top: 25rpx;
  136. border-radius: 18px;
  137. background: #FFFFFF;
  138. margin-left: 23rpx;
  139. margin-right: 24rpx;
  140. width: 60%;
  141. float: left;
  142. }
  143. .nogood{
  144. width: 120rpx;
  145. height: 31rpx;
  146. background: #FFEDEA;
  147. border-radius: 4px;
  148. color: #FF5030;
  149. font-size: 20rpx;
  150. display: inline-block;
  151. margin-left: 16rpx;
  152. text-align: center;
  153. }
  154. .tasks-set{
  155. float: right;
  156. width: 27%;
  157. margin-right: 24rpx;
  158. height: 102rpx;
  159. line-height: 102rpx;
  160. }
  161. .tasks-set button{
  162. border-radius: 68rpx;
  163. margin-top: 26rpx;
  164. }
  165. .tasks-list-pay{
  166. font-weight: bold;
  167. color: #333333;
  168. font-size: 28rpx;
  169. float: left;
  170. width: 45%;
  171. line-height: 102rpx;
  172. padding-left: 24rpx;
  173. }
  174. .tasks-list-pay-right{
  175. float: right;
  176. width: 40%;
  177. text-align: right;
  178. padding-right: 5%;
  179. height: 102rpx;
  180. line-height: 102rpx;
  181. font-weight: bold;
  182. }
  183. .tasks-list-pay-right input{
  184. color: #09AFFF;
  185. font-weight: normal;
  186. width: 60%;
  187. margin-top: 24rpx;
  188. }
  189. .tasks-list-pay-right text{
  190. float: right;
  191. }
  192. .notasks{
  193. margin: 21rpx 24rpx 30rpx 24rpx;
  194. height: 327rpx;
  195. line-height: 327rpx;
  196. background: #FAFAFA;
  197. border-radius: 12rpx;
  198. text-align: center;
  199. font-size: 36rpx;
  200. color: #999999;
  201. }
  202. .cancel-box{
  203. width: 100%;
  204. }
  205. .cancel-box text{
  206. font-size: 46rpx;
  207. font-weight: bold;
  208. margin-bottom: 30rpx;
  209. display: inline-block;
  210. }
  211. .cancel-box radio-group{
  212. width: 100%;
  213. }
  214. .cancel-left{
  215. width: 50%;
  216. float: left;
  217. height: 102rpx;
  218. line-height: 102rpx;
  219. border-top: 1rpx #e5e5e5 solid;
  220. border-right: 1rpx #e5e5e5 solid;
  221. }
  222. .cancel-right{
  223. float: right;
  224. width: 49%;
  225. height: 102rpx;
  226. line-height: 102rpx;
  227. border-top: 1rpx #e5e5e5 solid;
  228. }