selectDate_two.acss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. position: fixed;
  17. left: 0;
  18. right: 0;
  19. z-index: 8;
  20. }
  21. .date-bottom{
  22. animation-duration: 0.2s;
  23. background-color: rgba(0,0,0,.7);
  24. height: 100%;
  25. }
  26. .selectDateType{
  27. width: 400rpx;
  28. margin: 0rpx auto;
  29. border: 1px solid #26a2ff;
  30. border-radius: 6rpx;
  31. text-align: center;
  32. }
  33. .selectDateType view{
  34. padding: 4rpx 0;
  35. width: 100rpx;
  36. text-align: center;
  37. }
  38. .selectDateType .dateActive{
  39. background-color: #26a2ff;
  40. color: #fff;
  41. }
  42. .date-btn view{
  43. text-align: center;
  44. padding: 20rpx 0;
  45. }
  46. .date-btn view:nth-child(1){
  47. background-color: #f1f1f1;
  48. }
  49. .date-btn view:nth-child(2){
  50. background-color: #26a2ff;
  51. color: #fff;
  52. }
  53. .data-main{
  54. margin: 32rpx 0;
  55. text-align: center;
  56. }
  57. .data-main .dateVal{
  58. color: #26a2ff;
  59. width: 200rpx;
  60. padding: 16rpx 0;
  61. border-bottom: 1px solid #26a2ff;
  62. display: inline-block;
  63. }