DateTimePicker.wxss 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .date-time-picker .date-time-mask.data-v-00801fb8 {
  12. position: fixed;
  13. top: 0;
  14. bottom: 0;
  15. left: 0;
  16. right: 0;
  17. background-color: rgba(0, 0, 0, 0.5);
  18. z-index: 998;
  19. }
  20. .date-time-picker .date-time-container.data-v-00801fb8 {
  21. position: fixed;
  22. height: 50%;
  23. bottom: 0;
  24. right: 0;
  25. left: 0;
  26. background-color: #f6f6f6;
  27. z-index: 1000;
  28. display: -webkit-box;
  29. display: -webkit-flex;
  30. display: flex;
  31. -webkit-box-orient: vertical;
  32. -webkit-box-direction: normal;
  33. -webkit-flex-direction: column;
  34. flex-direction: column;
  35. }
  36. .date-time-picker .date-time-container .time-picker-tool.data-v-00801fb8 {
  37. height: 100rpx;
  38. display: -webkit-box;
  39. display: -webkit-flex;
  40. display: flex;
  41. -webkit-box-align: center;
  42. -webkit-align-items: center;
  43. align-items: center;
  44. -webkit-box-pack: justify;
  45. -webkit-justify-content: space-between;
  46. justify-content: space-between;
  47. font-size: 28rpx;
  48. }
  49. .date-time-picker .date-time-container .time-picker-tool .cancel-btn.data-v-00801fb8 {
  50. padding: 0 28rpx;
  51. box-sizing: border-box;
  52. color: #969799;
  53. }
  54. .date-time-picker .date-time-container .time-picker-tool .tool-title.data-v-00801fb8 {
  55. font-weight: 500;
  56. font-size: 16px;
  57. max-width: 50%;
  58. overflow: hidden;
  59. white-space: nowrap;
  60. text-overflow: ellipsis;
  61. }
  62. .date-time-picker .date-time-container .time-picker-tool .confirm-btn.data-v-00801fb8 {
  63. padding: 0 28rpx;
  64. box-sizing: border-box;
  65. color: #E62129;
  66. }
  67. .date-time-picker .date-time-container .picker-view.data-v-00801fb8 {
  68. width: 100%;
  69. -webkit-box-flex: 1;
  70. -webkit-flex: 1;
  71. flex: 1;
  72. }
  73. .date-time-picker .date-time-container .picker-view .item.data-v-00801fb8 {
  74. font-size: 34rpx;
  75. display: -webkit-box;
  76. display: -webkit-flex;
  77. display: flex;
  78. -webkit-box-align: center;
  79. -webkit-align-items: center;
  80. align-items: center;
  81. -webkit-box-pack: center;
  82. -webkit-justify-content: center;
  83. justify-content: center;
  84. }