index.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @import '../common/index.wxss';
  2. .van-calendar {
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-flex-direction: column;
  6. flex-direction: column;
  7. height: 100%;
  8. height: var(--calendar-height, 100%);
  9. background-color: #fff;
  10. background-color: var(--calendar-background-color, #fff)
  11. }
  12. .van-calendar__close-icon {
  13. top: 11px
  14. }
  15. .van-calendar__popup--bottom,
  16. .van-calendar__popup--top {
  17. height: 80%;
  18. height: var(--calendar-popup-height, 80%)
  19. }
  20. .van-calendar__popup--left,
  21. .van-calendar__popup--right {
  22. height: 100%
  23. }
  24. .van-calendar__body {
  25. -webkit-flex: 1;
  26. flex: 1;
  27. overflow: auto;
  28. -webkit-overflow-scrolling: touch
  29. }
  30. .van-calendar__footer {
  31. -webkit-flex-shrink: 0;
  32. flex-shrink: 0;
  33. padding: 0 16px;
  34. padding: 0 var(--padding-md, 16px);
  35. margin-left: 30px;
  36. margin-right: 30px;
  37. margin-bottom: 200rpx;
  38. }
  39. .van-calendar__footer--safe-area-inset-bottom {
  40. padding-bottom: env(safe-area-inset-bottom)
  41. }
  42. .van-calendar__footer+.van-calendar__footer,
  43. .van-calendar__footer:empty {
  44. display: none
  45. }
  46. .van-calendar__footer:empty+.van-calendar__footer {
  47. display: block !important
  48. }
  49. .van-calendar__confirm {
  50. height: 36px !important;
  51. height: var(--calendar-confirm-button-height, 36px) !important;
  52. margin: 7px 0 !important;
  53. margin: var(--calendar-confirm-button-margin, 7px 0) !important;
  54. line-height: 34px !important;
  55. line-height: var(--calendar-confirm-button-line-height, 34px) !important
  56. }