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
})
},