uni-popup.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .uni-popup.data-v-7da806a4 {
  12. position: fixed;
  13. top: 0;
  14. bottom: 0;
  15. left: 0;
  16. right: 0;
  17. z-index: 99;
  18. }
  19. .uni-popup__mask.data-v-7da806a4 {
  20. position: absolute;
  21. top: 0;
  22. bottom: 0;
  23. left: 0;
  24. right: 0;
  25. background-color: rgba(0, 0, 0, 0.4);
  26. opacity: 0;
  27. }
  28. .mask-ani.data-v-7da806a4 {
  29. transition-property: opacity;
  30. transition-duration: 0.2s;
  31. }
  32. .uni-top-mask.data-v-7da806a4 {
  33. opacity: 1;
  34. }
  35. .uni-bottom-mask.data-v-7da806a4 {
  36. opacity: 1;
  37. }
  38. .uni-center-mask.data-v-7da806a4 {
  39. opacity: 1;
  40. }
  41. .uni-popup__wrapper.data-v-7da806a4 {
  42. display: block;
  43. position: absolute;
  44. }
  45. .top.data-v-7da806a4 {
  46. top: 0;
  47. left: 0;
  48. right: 0;
  49. -webkit-transform: translateY(-500px);
  50. transform: translateY(-500px);
  51. }
  52. .bottom.data-v-7da806a4 {
  53. bottom: 0;
  54. left: 0;
  55. right: 0;
  56. -webkit-transform: translateY(500px);
  57. transform: translateY(500px);
  58. }
  59. .center.data-v-7da806a4 {
  60. display: flex;
  61. flex-direction: column;
  62. bottom: 0;
  63. left: 0;
  64. right: 0;
  65. top: 0;
  66. justify-content: center;
  67. align-items: center;
  68. -webkit-transform: scale(1.2);
  69. transform: scale(1.2);
  70. opacity: 0;
  71. }
  72. .uni-popup__wrapper-box.data-v-7da806a4 {
  73. display: block;
  74. position: relative;
  75. }
  76. .content-ani.data-v-7da806a4 {
  77. transition-property: opacity, -webkit-transform;
  78. transition-property: transform, opacity;
  79. transition-property: transform, opacity, -webkit-transform;
  80. transition-duration: 0.2s;
  81. }
  82. .uni-top-content.data-v-7da806a4 {
  83. -webkit-transform: translateY(0);
  84. transform: translateY(0);
  85. }
  86. .uni-bottom-content.data-v-7da806a4 {
  87. -webkit-transform: translateY(0);
  88. transform: translateY(0);
  89. }
  90. .uni-center-content.data-v-7da806a4 {
  91. -webkit-transform: scale(1);
  92. transform: scale(1);
  93. opacity: 1;
  94. }