ElemeFE / mint-ui

Mobile UI elements for Vue.js
http://mint-ui.github.io/#!/en
MIT License
16.56k stars 3.55k forks source link

fix: position #1602

Open bobby169 opened 4 years ago

bobby169 commented 4 years ago

比如想用popup做从中间bounce-in跳出的弹窗,则可设置popupTransition为popup-bounce等自定义

.popup-bounce-enter-active {
    animation: popup-bounce-in .5s;
  }
  .popup-bounce-leave-active {
    animation: popup-bounce-in .5s reverse;
  }
  @keyframes popup-bounce-in {
    0% {
      transform: translate3d(-50%, -50%, 0) scale(0);
    }
    50% {
      transform: translate3d(-50%, -50%, 0) scale(1.2);
    }
    100% {
      transform: translate3d(-50%, -50%, 0) scale(1);
    }
  }