tui-bottom-popup.wxss 993 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .tui-bottom-popup.data-v-3fb08834 {
  2. width: 100%;
  3. position: fixed;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. z-index: 997;
  8. /* visibility: hidden; */
  9. opacity: 0;
  10. -webkit-transform: translate3d(0, 100%, 0);
  11. transform: translate3d(0, 100%, 0);
  12. -webkit-transform-origin: center;
  13. transform-origin: center;
  14. transition: all 0.3s ease-in-out;
  15. min-height: 20rpx;
  16. }
  17. .tui-popup-radius.data-v-3fb08834 {
  18. border-top-left-radius: 24rpx;
  19. border-top-right-radius: 24rpx;
  20. padding-bottom: env(safe-area-inset-bottom);
  21. overflow: hidden;
  22. }
  23. .tui-popup-show.data-v-3fb08834 {
  24. -webkit-transform: translate3d(0, 0, 0);
  25. transform: translate3d(0, 0, 0);
  26. opacity: 1;
  27. /* visibility: visible; */
  28. }
  29. .tui-popup-mask.data-v-3fb08834 {
  30. position: fixed;
  31. top: 0;
  32. left: 0;
  33. right: 0;
  34. bottom: 0;
  35. background-color: rgba(0, 0, 0, 0.6);
  36. z-index: 996;
  37. transition: all 0.3s ease-in-out;
  38. opacity: 0;
  39. visibility: hidden;
  40. }
  41. .tui-mask-show.data-v-3fb08834 {
  42. opacity: 1;
  43. visibility: visible;
  44. }