index.wxss 689 B

123456789101112
  1. .popup{position:fixed;top:auto;right:auto;bottom:0;left:0;max-height:100%; width: 100%; z-index: 10001; overflow-y:auto;background-color:#F5F5F4; box-sizing:border-box;transform:translateY(-100%);opacity: 0;}
  2. .popup-bottom{animation:ease-out 300ms 1 sport forwards;}
  3. /* .popup-top{animation:ease-out 300ms 1 sportNone forwards;} */
  4. .overlay{width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed;top: 0; left: 0; z-index: 10000;}
  5. @keyframes sport {
  6. 0% {transform: translateY(100%);opacity: 0;}
  7. 100% {transform: translateY(0);opacity: 1;}
  8. }
  9. @keyframes sportNone {
  10. 0% {transform: translateY(0);opacity: 1;}
  11. 100% {transform: translateY(100%);opacity: 0;}
  12. }