Skip to content
A very simple animation library for Vue2
Vue JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dev
src
.babelrc
.gitignore
README.md
index.html
package.json
webpack.config.build.js
webpack.config.dev.js

README.md

vue-anix

A very simple animation library for Vue2, power by AniX

Live Demo

npm version

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
You can’t perform that action at this time.