taskList.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .task-page.data-v-402433be {
  5. background-color: #F3F5FB;
  6. height: 100vh;
  7. }
  8. .task-page .title.data-v-402433be {
  9. font-family: 'Source Han Sans CN';
  10. font-style: normal;
  11. font-weight: 700;
  12. font-size: 36rpx;
  13. line-height: 54rpx;
  14. color: #212121;
  15. padding: 0 32rpx;
  16. }
  17. .task-page .info.data-v-402433be {
  18. padding: 0 10rpx;
  19. margin: 40rpx 0 0;
  20. padding-bottom: 150rpx;
  21. background: #FFFFFF;
  22. border-radius: 32rpx 32rpx 0px 0px;
  23. }
  24. .task-page .info .item-checklist.data-v-402433be {
  25. display: flex;
  26. justify-content: space-between;
  27. padding: 18rpx 20rpx;
  28. border-bottom: 1rpx solid #EFF1F3;
  29. }
  30. .task-page .info .item-checklist .name.data-v-402433be {
  31. flex: 1;
  32. }
  33. .task-page .info .item-checklist .cont.data-v-402433be {
  34. padding-left: 20rpx;
  35. width: 200rpx;
  36. display: flex;
  37. justify-content: flex-end;
  38. align-items: center;
  39. box-sizing: border-box;
  40. }
  41. .task-page .empty.data-v-402433be {
  42. text-align: center;
  43. font-size: 28rpx;
  44. margin-top: 10%;
  45. color: #666;
  46. }
  47. .task-page .footer.data-v-402433be {
  48. width: 100%;
  49. height: 136rpx;
  50. background: #FFFFFF;
  51. border-radius: 16rpx 16rpx 0px 0px;
  52. position: fixed;
  53. left: 0;
  54. bottom: 0;
  55. text-align: center;
  56. color: #168DEC;
  57. font-size: 32rpx;
  58. padding-top: 20rpx;
  59. letter-spacing: 2px;
  60. border-top: 1rpx solid #eaeaea;
  61. }