admin 管理员组

文章数量: 1086019

WOW使用以及一些坑

1-下载依赖

cnpm install wowjs --save

在这里,我建议大家以后下载依赖,都把save写全,因为不写全,在pageage里,是不会记录进去,导致别人下载你的项目,或者git上都是没有这个依赖包的,别人npm时就会报错,就需要单独下载2

2-单独组件引入动画

import {WOW} from 'wowjs';mounted() {// 在项目加载完成之后初始化wowthis.$nextTick(() => {let wow = new WOW({live: false})wow.init()})
},html示例<div class="modules-area  wow slideInLeft" data-wow-duration="1s" data-wow-delay="0.5s">

注意,在你的html类名中,要加入 wow 动画名称,如上图有三个类名,后面两个都是动画的,至于后面的data-wow-duration等参数,就是用来设置动画的持续事件,延迟事件等等

本文标签: WOW使用以及一些坑