bottom-popup.wxss 654 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .tui-bottom-popup {
  2. width: 100%;
  3. position: fixed;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. z-index: 99999;
  8. visibility: hidden;
  9. transform: translate3d(0, 100%, 0);
  10. transform-origin: center;
  11. transition: all 0.3s ease-in-out;
  12. min-height: 20rpx;
  13. }
  14. .tui-popup-show {
  15. transform: translate3d(0, 0, 0);
  16. visibility: visible;
  17. border-radius: 32rpx 32rpx 0 0;
  18. overflow: hidden;
  19. }
  20. .tui-popup-mask {
  21. position: fixed;
  22. top: 0;
  23. left: 0;
  24. right: 0;
  25. bottom: 0;
  26. background: rgba(0, 0, 0, 0.6);
  27. z-index: 99996;
  28. transition: all 0.3s ease-in-out;
  29. opacity: 0;
  30. visibility: hidden;
  31. }
  32. .tui-mask-show {
  33. opacity: 1;
  34. visibility: visible;
  35. }