index.acss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .dialog-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .dialog-index .van-dialog {
  7. top: 45% !important;
  8. overflow: hidden;
  9. width: 320px;
  10. width: var(--dialog-width, 320px);
  11. font-size: 16px;
  12. font-size: var(--dialog-font-size, 16px);
  13. border-radius: 16px;
  14. border-radius: var(--dialog-border-radius, 16px);
  15. background-color: #fff;
  16. background-color: var(--dialog-background-color, #fff);
  17. }
  18. @media (max-width: 321px) {
  19. .van-dialog {
  20. width: 90%;
  21. width: var(--dialog-small-screen-width, 90%);
  22. }
  23. }
  24. .dialog-index .van-dialog__header {
  25. text-align: center;
  26. padding-top: 24px;
  27. padding-top: var(--dialog-header-padding-top, 24px);
  28. font-weight: 500;
  29. font-weight: var(--dialog-header-font-weight, 500);
  30. line-height: 24px;
  31. line-height: var(--dialog-header-line-height, 24px);
  32. }
  33. .dialog-index .van-dialog__header--isolated {
  34. padding: 24px 0;
  35. padding: var(--dialog-header-isolated-padding, 24px 0);
  36. }
  37. .dialog-index .van-dialog__message {
  38. overflow-y: auto;
  39. text-align: center;
  40. -webkit-overflow-scrolling: touch;
  41. font-size: 14px;
  42. font-size: var(--dialog-message-font-size, 14px);
  43. line-height: 20px;
  44. line-height: var(--dialog-message-line-height, 20px);
  45. max-height: 60vh;
  46. max-height: var(--dialog-message-max-height, 60vh);
  47. padding: 24px;
  48. padding: var(--dialog-message-padding, 24px);
  49. }
  50. .dialog-index .van-dialog__message-text {
  51. word-wrap: break-word;
  52. }
  53. .dialog-index .van-dialog__message--hasTitle {
  54. padding-top: 8px;
  55. padding-top: var(--dialog-has-title-message-padding-top, 8px);
  56. color: #646566;
  57. color: var(--dialog-has-title-message-text-color, #646566);
  58. }
  59. .dialog-index .van-dialog__message--round-button {
  60. padding-bottom: 16px;
  61. color: #323233;
  62. }
  63. .dialog-index .van-dialog__message--left {
  64. text-align: left;
  65. }
  66. .dialog-index .van-dialog__message--right {
  67. text-align: right;
  68. }
  69. .dialog-index .van-dialog__footer {
  70. display: -webkit-flex;
  71. display: flex;
  72. }
  73. .dialog-index .van-dialog__footer--round-button {
  74. position: relative !important;
  75. padding: 8px 24px 16px !important;
  76. }
  77. .dialog-index .van-dialog__button {
  78. -webkit-flex: 1;
  79. flex: 1;
  80. }
  81. .dialog-index .van-dialog__cancel,
  82. .dialog-index .van-dialog__confirm {
  83. border: 0 !important;
  84. }
  85. .dialog-index .van-dialog-bounce-enter {
  86. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
  87. transform: translate3d(-50%, -50%, 0) scale(0.7);
  88. opacity: 0;
  89. }
  90. .dialog-index .van-dialog-bounce-leave-active {
  91. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
  92. transform: translate3d(-50%, -50%, 0) scale(0.9);
  93. opacity: 0;
  94. }
  95. .dialog-index .btn_box {
  96. width: 100%;
  97. }