dateTime.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .tui-datetime-picker {
  2. position: relative;
  3. z-index: 999;
  4. }
  5. .tui-picker-view {
  6. height: 100%;
  7. box-sizing: border-box;
  8. }
  9. .tui-mask {
  10. position: fixed;
  11. z-index: 9998;
  12. top: 0;
  13. right: 0;
  14. bottom: 0;
  15. left: 0;
  16. background-color: rgba(0, 0, 0, 0.6);
  17. visibility: hidden;
  18. opacity: 0;
  19. transition: all 0.3s ease-in-out;
  20. }
  21. .tui-mask-show {
  22. visibility: visible !important;
  23. opacity: 1 !important;
  24. }
  25. .tui-header {
  26. z-index: 9999;
  27. position: fixed;
  28. bottom: 0;
  29. left: 0;
  30. width: 100%;
  31. transition: all 0.3s ease-in-out;
  32. transform: translateY(100%);
  33. }
  34. .tui-show {
  35. transform: translateY(0);
  36. }
  37. .tui-picker-header {
  38. width: 100%;
  39. height: 90rpx;
  40. padding: 0 40rpx;
  41. display: flex;
  42. justify-content: space-between;
  43. align-items: center;
  44. box-sizing: border-box;
  45. font-size: 32rpx;
  46. background: #fff;
  47. position: relative;
  48. }
  49. .tui-picker-header::after {
  50. content: '';
  51. position: absolute;
  52. border-bottom: 1rpx solid #eaeef1;
  53. -webkit-transform: scaleY(0.5);
  54. transform: scaleY(0.5);
  55. bottom: 0;
  56. right: 0;
  57. left: 0;
  58. }
  59. .tui-picker-body {
  60. width: 100%;
  61. height: 500rpx;
  62. overflow: hidden;
  63. background-color: #fff;
  64. }
  65. .tui-column-item {
  66. display: flex;
  67. align-items: center;
  68. justify-content: center;
  69. font-size: 36rpx;
  70. color: #333;
  71. }
  72. .tui-text {
  73. font-size: 24rpx;
  74. padding-left: 8rpx;
  75. }
  76. .tui-btn-picker {
  77. padding: 16rpx;
  78. box-sizing: border-box;
  79. text-align: center;
  80. text-decoration: none;
  81. }
  82. .tui-opacity {
  83. opacity: 0.5;
  84. }