vue中动画库使用aos.js

vue中动画库使用aos.js

官网:https://www.xyhtml5.com/examples/aos/

第一步

安装 npm install aos --save

第二步在main.js中:

import AOS from "aos";
import "../node_modules/aos/dist/aos.css";
Vue.use(AOS)

第三步

在当前组件引入import AOS from “aos”;

mounted() {AOS.init();// 你也可以在这里设置全局配置AOS.init({offset: 200,   duration: 600,   //持续时间easing: 'ease-in-sine',   delay: 100})},


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部