ss-calendar.wxss 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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: -webkit-box;
  25. display: -webkit-flex;
  26. display: flex;
  27. font-size: 32rpx;
  28. padding: 10rpx 0;
  29. background-color: #f4f7ff;
  30. }
  31. .calendar__wrap .body .weeks .week__item.data-v-1315d1c8 {
  32. -webkit-box-flex: 1;
  33. -webkit-flex: 1;
  34. flex: 1;
  35. text-align: center;
  36. }
  37. .calendar__wrap .body .day__list.data-v-1315d1c8 {
  38. display: -webkit-box;
  39. display: -webkit-flex;
  40. display: flex;
  41. -webkit-flex-wrap: wrap;
  42. flex-wrap: wrap;
  43. }
  44. .calendar__wrap .body .day__list .day__item.data-v-1315d1c8 {
  45. display: -webkit-box;
  46. display: -webkit-flex;
  47. display: flex;
  48. -webkit-box-pack: center;
  49. -webkit-justify-content: center;
  50. justify-content: center;
  51. width: 14.285%;
  52. text-align: center;
  53. padding: 30rpx 0;
  54. font-size: 34rpx;
  55. color: #909399;
  56. }
  57. .calendar__wrap .body .day__list .day__item .checked-box.data-v-1315d1c8,
  58. .calendar__wrap .body .day__list .day__item .current-box.data-v-1315d1c8 {
  59. display: -webkit-box;
  60. display: -webkit-flex;
  61. display: flex;
  62. -webkit-box-align: center;
  63. -webkit-align-items: center;
  64. align-items: center;
  65. -webkit-box-pack: center;
  66. -webkit-justify-content: center;
  67. justify-content: center;
  68. border-radius: 100%;
  69. -webkit-box-sizing: border-box;
  70. box-sizing: border-box;
  71. position: relative;
  72. }
  73. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  74. .calendar__wrap .body .day__list .day__item .checked-box.data-v-1315d1c8,
  75. .calendar__wrap .body .day__list .day__item .current-box.data-v-1315d1c8,
  76. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  77. width: 56rpx;
  78. height: 56rpx;
  79. line-height: 56rpx;
  80. }
  81. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  82. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  83. position: absolute;
  84. top: 0;
  85. left: 0;
  86. }
  87. .calendar__wrap .body .day__list .day__item .checked.data-v-1315d1c8 {
  88. font-size: 40rpx;
  89. background-color: #3f9dff;
  90. color: #fff;
  91. }
  92. .calendar__wrap .body .day__list .day__item .current.data-v-1315d1c8 {
  93. padding: 12rpx;
  94. background-color: #5dbc7c;
  95. color: #fff;
  96. font-size: 28rpx;
  97. }