index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .popup-container {
  2. height: 100vh;
  3. padding: 66px 0 0 0;
  4. box-sizing: border-box;
  5. overflow-y: scroll;
  6. }
  7. .popup-container .popup-radio {
  8. padding: 10px 0 10px 0;
  9. }
  10. .popup-container .popup-radio .popup-radio-item {
  11. color: #000;
  12. font-size: 16px;
  13. font-weight: bold;
  14. line-height: 50px;
  15. text-align: center;
  16. }
  17. .popup-container .popup-radio .popup-radio-item.selected {
  18. color: #409EFF;
  19. }
  20. .popup-container .popup-checkbox {
  21. padding: 0 16px 0 16px;
  22. box-sizing: border-box;
  23. position: relative;
  24. height: 100%;
  25. min-height: 100%;
  26. overflow: hidden;
  27. }
  28. .popup-container .popup-checkbox .msgTitle {
  29. background: #67C23A;
  30. font-size: 12px;
  31. text-align: center;
  32. height: 30px;
  33. line-height: 26px;
  34. color: #fff;
  35. margin: 0 -16px 20px -16px;
  36. }
  37. .popup-container .popup-checkbox .popup-checkbox-item {
  38. color: #000;
  39. font-size: 16px;
  40. font-weight: bold;
  41. line-height: 50px;
  42. background: #f4f4f5;
  43. padding: 6px 12px;
  44. margin: 0 0 10px 0;
  45. border-radius: 7px;
  46. border: 1px solid #f4f4f5;
  47. display: flex;
  48. }
  49. .popup-container .popup-checkbox .popup-checkbox-item.selected {
  50. color: #409EFF;
  51. border: 1px solid #409EFF;
  52. }
  53. .popup-container .popup-checkbox .popup-checkbox-item .popup-checkbox-label {
  54. flex: 5;
  55. }
  56. .popup-container .popup-checkbox .popup-checkbox-item .popup-checkbox-icon {
  57. width: 20px;
  58. height: 20px;
  59. line-height: 20px;
  60. display: block;
  61. border-radius: 50%;
  62. overflow: hidden;
  63. margin: 15px 0 0 0;
  64. }
  65. .popup-container .popup-time {
  66. position: relative;
  67. height: calc(100vh - 66px);
  68. }
  69. .popup-container .popup-city {
  70. height: calc(100vh - 66px);
  71. overflow: hidden;
  72. }