index.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .date-selector {
  2. width: 100%;
  3. font-size: 12px;
  4. color: #333;
  5. }
  6. .popup-box {
  7. background: #FFFFFF;
  8. padding: 0 27upx;
  9. border-radius: 24upx 24upx 0px 0px;
  10. }
  11. .popup-title {
  12. padding: 22upx 0;
  13. text-align: center;
  14. font-weight: 700;
  15. font-size: 26upx;
  16. color: #333333;
  17. border-bottom: 1px solid #EEEEEE;
  18. }
  19. .select-date-wrapper {
  20. margin-bottom: 8px;
  21. display: flex;
  22. justify-content: space-between;
  23. align-items: center;
  24. }
  25. .select-date {
  26. padding: 10px;
  27. flex: 1;
  28. border-radius: 2px;
  29. font-weight: bold;
  30. text-align: center;
  31. /* border: 1px solid rgba(6, 7, 46, 0.05); */
  32. font-size: 30upx;
  33. }
  34. .select-date.active {
  35. /* border-color: #6a7bff; */
  36. color: #449AFF ;
  37. }
  38. .select-date-placeholder {
  39. color: rgba(6, 7, 46, 0.3);
  40. }
  41. .btn-group {
  42. display: flex;
  43. margin: 48rpx 0;
  44. justify-content: space-between;
  45. }
  46. .btn-confirm {
  47. width: 180px;
  48. height: 40px;
  49. line-height: 40px;
  50. background: rgba(33, 58, 255, 0.85);
  51. border-radius: 4px;
  52. font-size: 14px;
  53. color: #fff;
  54. text-align: center;
  55. }
  56. .btn-cancel {
  57. width: 144px;
  58. height: 40px;
  59. line-height: 38px;
  60. text-align: center;
  61. background: #fff;
  62. border-radius: 4px;
  63. border: 1px solid #979797;
  64. font-size: 14px;
  65. color: #06072e;
  66. }