vant-popup-bottom.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .popup-header {
  2. height: 50px;
  3. // background: #F7F8FB;
  4. position: absolute;
  5. top: 0;
  6. width: 100%;
  7. .popup-empty {
  8. font-size: 14px;
  9. color: #ff4539;
  10. width: 50px;
  11. height: 50px;
  12. line-height: 50px;
  13. }
  14. .popup-title {
  15. font-size: 16px;
  16. font-weight: 600;
  17. color: #333333;
  18. }
  19. }
  20. #popup-box {
  21. max-height: 570px;
  22. }
  23. .search {
  24. position: fixed;
  25. top: 0;
  26. left: 0;
  27. right: 0;
  28. height: 52px;
  29. border-radius: 0px 0px 24px 24px;
  30. background: #ffffff;
  31. z-index: 10;
  32. .search-bar {
  33. background: none;
  34. padding: 10px;
  35. }
  36. }
  37. .operation-dialog {
  38. padding: 18px 0 26px;
  39. .iconTips {
  40. position: relative;
  41. > :first-child::after {
  42. content: "*";
  43. position: absolute;
  44. top: 10px;
  45. left: 44px;
  46. color: #ff4539;
  47. }
  48. }
  49. .van-cell {
  50. padding: 6px 6px 6px 8px;
  51. }
  52. .van-field {
  53. .van-cell__title {
  54. font-size: 16px;
  55. color: #333333;
  56. line-height: 40px;
  57. margin-right: 0;
  58. }
  59. .van-cell__value {
  60. width: 235px;
  61. height: 44px;
  62. background: rgba(244, 244, 244, 0.5);
  63. border-radius: 4px;
  64. border: 1px solid #cccccc;
  65. line-height: 44px;
  66. padding-left: 10px;
  67. }
  68. }
  69. }
  70. .search-add {
  71. width: 16px;
  72. height: 16px;
  73. }
  74. .action-sheet-custom {
  75. .van-action-sheet__header {
  76. height: 44px;
  77. background: #F7F8FB;
  78. }
  79. }
  80. .badge-count {
  81. transform: translate(0, 0);
  82. }