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使用以及一些坑
版权声明:本文标题:WOW使用以及一些坑 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.roclinux.cn/b/1693414323a220565.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论