animate inater插件_基于animate.css动画库的全屏滚动小插件，适用于vue.js(移动端、pc)项目...

功能简介

基于animate.css动画库的全屏滚动，适用于vue.js(移动端、pc)项目。

安装

npm install vue-animate-fullpage --save

使用

main.js

在main.js需要引入该插件的css和js文件

import 'vue-animate-fullpage/dist/animate.css'

import VueAnimateFullpage from 'vue-animate-fullpage/dist/index'

Vue.use(VueAnimateFullpage)

template

在page-wp容器上加v-fullpage指令,v-fullpage的值是fullpage的配置 在page容器上加v-animate指令,v-animate的值是animate.css的动画效果

vue-fullpage

vue-fullpage

vue-fullpage

vue-fullpage

vue-fullpage

export default {

data() {

return {

opts: {

start: 0,

dir: 'v',

loop: false,

duration: 500,

beforeChange: (prev, next)=