vueffect

Make vue-router have a transition effect

Introduction

npm 安装

# install
npm install vueffect

CDN

• JavaScript文件
• Css文件

Usage

// main.js
import Vue from 'vue'
import Vueffect from 'vueffect'

// 配置可选，下面是默认配置
Vue.use(Vueffect, {
  // 值为false时禁用转场动画
  disabled: false,
  // 被忽略转场的路由名称列表
  ignores: [],
  // 转场时间
  duration: '.5',
  // 动态效果处理标记名称(该选项只能全局配置)
  flag: 'vueffect',
  // 转场时阴影层次效果
  shadow: '',
  // 四种转场动画
  animations: {
    forward: 'slideInRight',
    back: 'slideInLeft',
    replace: 'flip',
    first: 'fadeIn',
  },
})

License

MIT

Copyright (c) 2017 Maofeng Chang