index.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .datetime-picker-wrap {
  2. width: 100%;
  3. .selector-wrap {
  4. display: flex;
  5. align-items: center;
  6. background: #FFFFFF;
  7. color: #9BA0AA;
  8. padding: 0;
  9. .select-item {
  10. flex: 1;
  11. font-size: 30px;
  12. padding: 12px 0;
  13. //text-align: center;
  14. }
  15. }
  16. .wrapper {
  17. .model-box-bg {
  18. position: absolute;
  19. top: 0;
  20. left: 0;
  21. z-index: 10000;
  22. width: 100%;
  23. height: 100%;
  24. background: #000;
  25. opacity: 0.3;
  26. }
  27. .model-box {
  28. position: absolute;
  29. bottom: 0;
  30. left: 0;
  31. z-index: 999999;
  32. width: 100%;
  33. background: #fff;
  34. }
  35. .model-picker {
  36. position: relative;
  37. .button-model {
  38. height: 80px;
  39. width: 100%;
  40. background: #fff;
  41. position: relative;
  42. border-bottom: 1px solid #d9d9d9;
  43. .btn-txt {
  44. color: #007aff;
  45. position: absolute;
  46. background: transparent;
  47. border: none;
  48. line-height: 80px;
  49. &:first-child {
  50. left: 32px;
  51. }
  52. &:last-child {
  53. right: 32px;
  54. }
  55. }
  56. }
  57. .pick-view {
  58. width: 100%;
  59. height: 600px;
  60. .picker-view-column {
  61. text-align: center;
  62. .pick-view-column-item {
  63. line-height: 50PX;
  64. }
  65. }
  66. }
  67. }
  68. }
  69. }