index.acss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. .action-sheet-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .action-sheet-index .van-action-sheet {
  7. max-height: 90% !important;
  8. max-height: var(--action-sheet-max-height, 90%) !important;
  9. color: #323233;
  10. color: var(--action-sheet-item-text-color, #323233);
  11. }
  12. .action-sheet-index .van-action-sheet__cancel,
  13. .action-sheet-index .van-action-sheet__item {
  14. padding: 14px 16px;
  15. text-align: center;
  16. font-size: 16px;
  17. font-size: var(--action-sheet-item-font-size, 16px);
  18. line-height: 22px;
  19. line-height: var(--action-sheet-item-line-height, 22px);
  20. background-color: #fff;
  21. background-color: var(--action-sheet-item-background, #fff);
  22. }
  23. .action-sheet-index .van-action-sheet__cancel--hover,
  24. .action-sheet-index .van-action-sheet__item--hover {
  25. background-color: #f2f3f5;
  26. background-color: var(--active-color, #f2f3f5);
  27. }
  28. .action-sheet-index .van-action-sheet__cancel:after,
  29. .action-sheet-index .van-action-sheet__item:after {
  30. border-width: 0;
  31. }
  32. .action-sheet-index .van-action-sheet__cancel {
  33. color: #646566;
  34. color: var(--action-sheet-cancel-text-color, #646566);
  35. }
  36. .action-sheet-index .van-action-sheet__gap {
  37. display: block;
  38. height: 8px;
  39. height: var(--action-sheet-cancel-padding-top, 8px);
  40. background-color: #f7f8fa;
  41. background-color: var(--action-sheet-cancel-padding-color, #f7f8fa);
  42. }
  43. .action-sheet-index .van-action-sheet__item--disabled {
  44. color: #c8c9cc;
  45. color: var(--action-sheet-item-disabled-text-color, #c8c9cc);
  46. }
  47. .action-sheet-index
  48. .van-action-sheet__item--disabled.van-action-sheet__item--hover {
  49. background-color: #fff;
  50. background-color: var(--action-sheet-item-background, #fff);
  51. }
  52. .action-sheet-index .van-action-sheet__subname {
  53. margin-top: 8px;
  54. margin-top: var(--padding-xs, 8px);
  55. font-size: 12px;
  56. font-size: var(--action-sheet-subname-font-size, 12px);
  57. color: #969799;
  58. color: var(--action-sheet-subname-color, #969799);
  59. line-height: 20px;
  60. line-height: var(--action-sheet-subname-line-height, 20px);
  61. }
  62. .action-sheet-index .van-action-sheet__header {
  63. text-align: center;
  64. font-weight: 500;
  65. font-weight: var(--font-weight-bold, 500);
  66. font-size: 16px;
  67. font-size: var(--action-sheet-header-font-size, 16px);
  68. line-height: 48px;
  69. line-height: var(--action-sheet-header-height, 48px);
  70. }
  71. .action-sheet-index .van-action-sheet__description {
  72. text-align: center;
  73. padding: 20px 16px;
  74. padding: 20px var(--padding-md, 16px);
  75. color: #969799;
  76. color: var(--action-sheet-description-color, #969799);
  77. font-size: 14px;
  78. font-size: var(--action-sheet-description-font-size, 14px);
  79. line-height: 20px;
  80. line-height: var(--action-sheet-description-line-height, 20px);
  81. }
  82. .action-sheet-index .van-action-sheet__close {
  83. position: absolute !important;
  84. top: 0;
  85. right: 0;
  86. line-height: inherit !important;
  87. padding: 0 16px;
  88. padding: var(--action-sheet-close-icon-padding, 0 16px);
  89. font-size: 22px !important;
  90. font-size: var(--action-sheet-close-icon-size, 22px) !important;
  91. color: #c8c9cc;
  92. color: var(--action-sheet-close-icon-color, #c8c9cc);
  93. }
  94. .action-sheet-index .van-action-sheet__loading {
  95. display: -webkit-flex !important;
  96. display: flex !important;
  97. }