uni-popup.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .uni-popup.data-v-7da806a4 {
  2. position: fixed;
  3. z-index: 99;
  4. }
  5. .uni-popup__mask.data-v-7da806a4 {
  6. position: absolute;
  7. top: 0;
  8. bottom: 0;
  9. left: 0;
  10. right: 0;
  11. background-color: rgba(0,0,0,.4);
  12. opacity: 0;
  13. }
  14. .mask-ani.data-v-7da806a4 {
  15. transition-property: opacity;
  16. transition-duration: .2s;
  17. }
  18. .uni-bottom-mask.data-v-7da806a4,.uni-center-mask.data-v-7da806a4,.uni-top-mask.data-v-7da806a4 {
  19. opacity: 1;
  20. }
  21. .uni-popup__wrapper.data-v-7da806a4 {
  22. display: block;
  23. position: absolute;
  24. }
  25. .top.data-v-7da806a4 {
  26. top: 0;
  27. }
  28. .bottom.data-v-7da806a4 {
  29. bottom: 0;
  30. }
  31. .uni-popup__wrapper-box.data-v-7da806a4 {
  32. display: block;
  33. position: relative;
  34. padding-bottom: env(safe-area-inset-bottom);
  35. }
  36. .content-ani.data-v-7da806a4 {
  37. transition-property: opacity,-webkit-transform;
  38. transition-property: transform,opacity;
  39. transition-property: transform,opacity,-webkit-transform;
  40. transition-duration: .2s;
  41. }
  42. .uni-bottom-content.data-v-7da806a4,.uni-top-content.data-v-7da806a4 {
  43. transform: translateY(0);
  44. }
  45. .uni-center-content.data-v-7da806a4 {
  46. transform: scale(1);
  47. opacity: 1;
  48. }