vue-list-animation v1.0.6

vue-list-animation

#简介 用于快速地使用列表的过渡效果。

安装

npm i vue-list-animation -S

import ListAnimation from 'vue-list-animation'

可传递参数

演示

<template>
  <div id="app">
    <list-animation>
      <div v-for="(item, index) in lists" data-delay="index*50" :key="index"> {{item}}</div>
    </list-animation>
  </div>
</template>

<script>
import ListAnimation from 'vue-list-animation'
export default {
  name: 'app',
  components: { ListAnimation },
  data () {
    return {
      lists: []
    }
  },
  mounted() {
    setTimeout(() => {
      this.lists = [1,2,3,4,5,6];
    }, 300)
  }
}
</script>

<style>
</style>