ss-calendar.wxss 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. box-sizing: border-box;
  70. position: relative;
  71. }
  72. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  73. .calendar__wrap .body .day__list .day__item .checked-box.data-v-1315d1c8,
  74. .calendar__wrap .body .day__list .day__item .current-box.data-v-1315d1c8,
  75. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  76. width: 56rpx;
  77. height: 56rpx;
  78. line-height: 56rpx;
  79. }
  80. .calendar__wrap .body .day__list .day__item image.data-v-1315d1c8,
  81. .calendar__wrap .body .day__list .day__item .check_text.data-v-1315d1c8 {
  82. position: absolute;
  83. top: 0;
  84. left: 0;
  85. }
  86. .calendar__wrap .body .day__list .day__item .checked.data-v-1315d1c8 {
  87. font-size: 40rpx;
  88. background-color: #3f9dff;
  89. color: #fff;
  90. }
  91. .calendar__wrap .body .day__list .day__item .current.data-v-1315d1c8 {
  92. padding: 12rpx;
  93. background-color: #5dbc7c;
  94. color: #fff;
  95. font-size: 28rpx;
  96. }