vue-anix

A very simple animation library for Vue2, power by AniX

Live Demo

Requirements

• vue: ^2.0.0

Usage

install

 npm install vue-anix --save
 yarn add vue-anix

main.js

import anix from 'vue-anix'
Vue.use(anix)

App.vue

<template>
  <div id="app">
    <anix :appear="appearStyle" :disappear="disappearStyle"  @on-complete="">
      <div v-if="show">single el</div>
    </anix>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      show: false,
      appearStyle: {
        backgroundColor: 'red',
        width: '200px',
        opacity: 1
      },
      disappearStyle: {
        backgroundColor: 'red',
        width: '100px',
        opacity: 0
      }
    }
  },
}
</script>

Develop

npm run dev  //develop
npm run build //production

Todo

• anix-group