ss-calendar.wxss 2.6 KB

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