pop.wxss 539 B

1234567891011121314151617181920212223242526272829303132
  1. /* components/pop/pop.wxss */
  2. .mask {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. z-index: 999;
  7. width: 100%;
  8. height: 100%;
  9. background: rgba(88, 69, 69, 0);
  10. transition: all 0.35s;
  11. }
  12. .active {
  13. background: rgba(88, 69, 69, 0.7);
  14. }
  15. .pop-container {
  16. position: fixed;
  17. bottom: -60%;
  18. left: 0;
  19. padding: 30rpx;
  20. width: 100%;
  21. height: 60%;
  22. border-radius: 30rpx 30rpx 0 0;
  23. background: #ffffff;
  24. box-sizing: border-box;
  25. transition: all 0.35s;
  26. }
  27. .active>.pop-container {
  28. bottom: 0;
  29. }