入场动画

  1. <!-- 导入动画需要的包 -->
  2. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />

普通用法

入场动画 - 图1

enter为入场动画的名称(参考animate官网 https://daneden.github.io/animate.css),delay为延迟时间

  1. <avue-queue>
  2. <div style="width:100px;height:100px;background-color:#00a680;margin-bottom:10px;"></div>
  3. </avue-queue>
  4. <avue-queue enter="fadeInRight">
  5. <div style="width:100px;height:100px;background-color:#00a680"></div>
  6. </avue-queue>
  7. <script>
  8. export default {
  9. }
  10. </script>