index.css 2.2 KB

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