selectDate_two.acss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .all-date{
  2. overflow: hidden;
  3. height: 100vh;
  4. position: fixed;
  5. left: 0;
  6. right:0;
  7. top:80rpx;
  8. z-index: 5;
  9. background-color: rgba(0,0,0,.7);
  10. }
  11. .date-header{
  12. background-color: #fff;
  13. z-index: 3;
  14. box-shadow:inset 0px 0px 5px #ccc;
  15. padding-top: 28rpx;
  16. }
  17. .date-bottom{
  18. animation-duration: 0.2s;
  19. background-color: rgba(0,0,0,.7);
  20. height: 100%;
  21. }
  22. .selectDateType{
  23. width: 300rpx;
  24. margin: 0rpx auto;
  25. border: 1px solid #26a2ff;
  26. border-radius: 6rpx;
  27. text-align: center;
  28. }
  29. .selectDateType view{
  30. padding: 4rpx 0;
  31. width: 100rpx;
  32. text-align: center;
  33. }
  34. .selectDateType .dateActive{
  35. background-color: #26a2ff;
  36. color: #fff;
  37. }
  38. .date-btn view{
  39. text-align: center;
  40. padding: 20rpx 0;
  41. }
  42. .date-btn view:nth-child(1){
  43. background-color: #f1f1f1;
  44. }
  45. .date-btn view:nth-child(2){
  46. background-color: #26a2ff;
  47. color: #fff;
  48. }
  49. .data-main{
  50. margin: 32rpx 0;
  51. text-align: center;
  52. }
  53. .data-main .dateVal{
  54. color: #26a2ff;
  55. width: 200rpx;
  56. padding: 16rpx 0;
  57. border-bottom: 1px solid #26a2ff;
  58. display: inline-block;
  59. }