ss-calendar.wxss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .calendar__wrap.data-v-1315d1c8 {
  12. background-color: #fff;
  13. color: #333;
  14. }
  15. .calendar__wrap .header.data-v-1315d1c8 {
  16. padding: 0 24rpx;
  17. }
  18. .calendar__wrap .header .current-date.data-v-1315d1c8 {
  19. text-align: center;
  20. font-size: 34rpx;
  21. padding: 32rpx 0;
  22. }
  23. .calendar__wrap .body .weeks.data-v-1315d1c8 {
  24. display: flex;
  25. font-size: 32rpx;
  26. padding: 10rpx 0;
  27. background-color: #f4f7ff;
  28. }
  29. .calendar__wrap .body .weeks .week__item.data-v-1315d1c8 {
  30. flex: 1;
  31. text-align: center;
  32. }
  33. .calendar__wrap .body .day__list.data-v-1315d1c8 {
  34. display: flex;
  35. flex-wrap: wrap;
  36. }
  37. .calendar__wrap .body .day__list .day__item.data-v-1315d1c8 {
  38. display: flex;
  39. justify-content: center;
  40. width: 14.285%;
  41. text-align: center;
  42. padding: 30rpx 0;
  43. font-size: 34rpx;
  44. color: #909399;
  45. }
  46. .calendar__wrap .body .day__list .day__item .checked-box.data-v-1315d1c8,
  47. .calendar__wrap .body .day__list .day__item .current-box.data-v-1315d1c8 {
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. border-radius: 100%;
  52. box-sizing: border-box;
  53. position: relative;
  54. }
  55. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  56. .calendar__wrap .body .day__list .day__item .checked-box.data-v-1315d1c8,
  57. .calendar__wrap .body .day__list .day__item .current-box.data-v-1315d1c8,
  58. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  59. width: 56rpx;
  60. height: 56rpx;
  61. line-height: 56rpx;
  62. }
  63. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  64. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  65. position: absolute;
  66. top: 0;
  67. left: 0;
  68. }
  69. .calendar__wrap .body .day__list .day__item .checked.data-v-1315d1c8 {
  70. font-size: 40rpx;
  71. background-color: #3f9dff;
  72. color: #fff;
  73. }
  74. .calendar__wrap .body .day__list .day__item .current.data-v-1315d1c8 {
  75. padding: 12rpx;
  76. background-color: #5dbc7c;
  77. color: #fff;
  78. font-size: 28rpx;
  79. }