微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

249 rivejä
4.3 KiB

  1. /* pages/Bookkeeping/Bookkeeping.wxss */
  2. text{display: block;}
  3. .van-search__content {
  4. border: 1px solid #5CAE77!important;
  5. background: #fff!important;
  6. }
  7. van-search {
  8. flex: 1;
  9. margin-right: 10px;
  10. }
  11. .van-search {
  12. padding: 0!important;
  13. }
  14. .search_box{
  15. display: flex;
  16. align-items: center;
  17. padding: 15px 3%;
  18. }
  19. .add_btn{
  20. flex: 0.2;
  21. padding: var(--search-padding,10px 12px);
  22. padding-left: 0;
  23. }
  24. .add_btn text{
  25. background-color: #62AD66;
  26. display: block;
  27. height: 100%;
  28. text-align: center;
  29. line-height: 36px;
  30. color: #fff;
  31. border-radius: 36px;
  32. box-shadow: 0px 5px 5px #ddd;
  33. }
  34. .work_plan{
  35. width: 94%;
  36. margin: 40rpx auto 15rpx;
  37. display: flex;
  38. justify-content: space-between;
  39. box-shadow: 2px 5px 5px #ddd;
  40. }
  41. .work_plan .menu_item{
  42. background-color: #fff;
  43. text-align: center;
  44. position: relative;
  45. padding: 8px 0px;
  46. flex: 1;
  47. }
  48. .work_plan .menu_item.active{
  49. background-color: #5CAE77;
  50. color: #fff;
  51. }
  52. .work_plan .menu_item.active text{
  53. border: none!important;
  54. }
  55. .work_plan .menu_item .remind{
  56. height: 30rpx;
  57. background: #e90101;
  58. color: #fff;
  59. font-size: 26rpx;
  60. position: absolute;
  61. line-height: 30rpx;
  62. padding:0 10rpx;
  63. border-radius: 25px;
  64. top: -10rpx;
  65. right: -10rpx;
  66. }
  67. .work_plan .more{
  68. flex: 1;
  69. text-align: center;
  70. line-height: 60rpx;
  71. font-size: 36rpx;
  72. color: #31936c;
  73. }
  74. .deleteBox{
  75. width: 65px;
  76. text-align: center;
  77. height: 100%;
  78. background: #F6F6F6;
  79. align-items: center;
  80. display: flex;
  81. justify-content: center;
  82. }
  83. .workflow .workflow_list{
  84. height: 150rpx;
  85. background-color: #fff;
  86. border-radius: 24rpx;
  87. box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
  88. margin-bottom: 20rpx;
  89. padding:15rpx 25rpx 10rpx 35rpx;
  90. }
  91. .workflow .workflow_list .process_intro{
  92. display: flex;
  93. height: 62rpx;
  94. align-items: center;
  95. }
  96. .workflow .process_intro .name{
  97. width: 390rpx;
  98. font-size: 34rpx;
  99. margin-right: 30rpx;
  100. display: flex;
  101. justify-content: space-between;
  102. align-items: center;
  103. }
  104. .workflow .process_intro .name .name_tit{
  105. width: 290rpx;
  106. overflow: hidden;
  107. text-overflow: ellipsis;
  108. white-space: nowrap;
  109. }
  110. .van-swipe-cell {
  111. width: 94%;
  112. background: #fff;
  113. border-radius: 10px;
  114. box-shadow: 2px 5px 5px #ddd;
  115. margin: 0 auto;
  116. margin-bottom: 15px;
  117. }
  118. .li{
  119. width: 100%;
  120. padding: 14px;
  121. }
  122. .li view text{
  123. /* margin-top: 15px; */
  124. }
  125. .li .fksr{
  126. display: flex;
  127. align-items: center;
  128. color: #2C8E68;
  129. /* font-size: 16px; */
  130. }
  131. .li .wtj{
  132. display: flex;
  133. align-items: center;
  134. justify-content: center;
  135. padding: 3px 8px;
  136. border-radius: 5px;
  137. }
  138. .no{
  139. background-color:#fbe3e3;
  140. color: #e90000;
  141. }
  142. .white{
  143. background-color:#feeadc;
  144. color: #fc9a55;
  145. }
  146. .yes{
  147. background-color:rgba(92, 174, 119, 0.3);
  148. color: #5cae77!important;
  149. padding: 0 15px;
  150. border-radius: 5px;
  151. }
  152. .other{
  153. background-color:#f0f1f6;
  154. color: #878787;
  155. }
  156. .li .tit{
  157. color: #444444;
  158. line-height: 25px;
  159. display: -webkit-box;
  160. -webkit-box-orient: vertical;
  161. -webkit-line-clamp: 1;
  162. word-break: break-all;
  163. overflow: hidden;
  164. width: 50%;
  165. font-size: 16px;
  166. }
  167. .li .fj_name{
  168. font-size: 14px;
  169. color: #B3DB62;
  170. line-height: 25px;
  171. }
  172. .li .time{
  173. /* font-size: 14px; */
  174. color: #9B9CAA;
  175. line-height: 25px;
  176. margin-left: auto;
  177. }
  178. .li .money{
  179. font-size: 18px;
  180. color: #E90000;
  181. text-align: right;
  182. margin-left: auto;
  183. }
  184. .van-checkbox__label {
  185. /* display: flex;
  186. justify-content: space-between; */
  187. width: 100%;
  188. }
  189. .van-checkbox__icon-wrap {
  190. border-radius: 5px;
  191. }
  192. .van-checkbox__icon {
  193. border-radius: 5px;
  194. border: 2px solid #2C8E68!important;
  195. background-color: rgba(44, 142, 104, 0.2);
  196. }
  197. .bottom{
  198. width: 100%;
  199. margin: 0 auto;
  200. text-align: center;
  201. padding: 15px 0;
  202. display: flex;
  203. position: fixed;
  204. bottom: 0%;
  205. background: #fff;
  206. box-shadow: 0 0 5px #ddd;
  207. }
  208. .bottom view {
  209. width: 47%;
  210. margin: 0 auto;
  211. border-radius: 30px;
  212. display: inline-block;
  213. }
  214. .bottom .btn2{
  215. border: 1px solid transparent;
  216. padding: 10px 0px;
  217. background-image: linear-gradient(to right, #2C8E68, #5CAE77);
  218. color: #fff;
  219. }
  220. .downView{
  221. display: flex;
  222. justify-content: center;
  223. align-items: center;
  224. padding: 7px 20px;
  225. border: 1px solid #5CAE77;
  226. border-radius: 50px;
  227. background: #fff;
  228. width: 30%;
  229. }
  230. .downView image{
  231. width: 10px;
  232. height: 8px;
  233. margin-left: 10px;
  234. flex-shrink: 0;
  235. }
  236. .downView text{
  237. display: -webkit-box;
  238. -webkit-box-orient: vertical;
  239. -webkit-line-clamp: 1;
  240. word-break: break-all;
  241. overflow: hidden;
  242. }