页面滚动动画

链接： https://scrollrevealjs.org/

vue中使用：

yarn add  scrollreveal -D

在mian.js里面： 引入

import scrollReveal from 'scrollreveal'
Vue.prototype.$scrollReveal = scrollReveal()

 

页面中使用：

this.$scrollReveal.reveal('.newsList', {
            duration: 200,
            delay: 500,
            origin: 'top',
            reset: true,
            mobile: true,
            distance: '20px',
            opacity: 0.001,
            rotate: {
                x: 90,
                y: 60,
                z: 80
            },
            scale: 0.5
        })