index.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .zan-dialog--container {
  2. width: 80vw;
  3. font-size: 16px;
  4. overflow: hidden;
  5. border-radius: 4px;
  6. background-color: #fff;
  7. color: #333;
  8. }
  9. .zan-dialog__header {
  10. padding: 15px 0 0;
  11. text-align: center;
  12. }
  13. .zan-dialog__content {
  14. position: relative;
  15. padding: 15px 20px;
  16. line-height: 1.5;
  17. min-height: 40px;
  18. }
  19. .zan-dialog__content::after {
  20. content: '';
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. width: 200%;
  25. height: 200%;
  26. -webkit-transform: scale(0.5);
  27. transform: scale(0.5);
  28. -webkit-transform-origin: 0 0;
  29. transform-origin: 0 0;
  30. pointer-events: none;
  31. box-sizing: border-box;
  32. border: 0 solid #e5e5e5;
  33. border-bottom-width: 1px;
  34. }
  35. .zan-dialog__content--title {
  36. color: #999;
  37. font-size: 14px;
  38. }
  39. .zan-dialog__content--scroll {
  40. max-height: 70vh;
  41. }
  42. .zan-dialog__footer {
  43. overflow: hidden;
  44. }
  45. .zan-dialog__button {
  46. -webkit-box-flex: 1;
  47. flex: 1;
  48. }
  49. .zan-dialog__button-inside, .zan-dialog__button-inside--first {
  50. margin-bottom: 0;
  51. line-height: 50px;
  52. height: 50px;
  53. }
  54. .zan-dialog__button-inside--first::after, .zan-dialog__button-inside::after {
  55. border-width: 0;
  56. border-radius: 0;
  57. }
  58. .zan-dialog__footer--horizon {
  59. display: -webkit-box;
  60. display: flex;
  61. }
  62. .zan-dialog__footer--horizon .zan-dialog__button-inside::after {
  63. border-left-width: 1px;
  64. }
  65. .zan-dialog__footer--vertical .zan-dialog__button-inside::after {
  66. border-top-width: 1px;
  67. }