分类：vue轮播图

2021
02-21

vue仿携程轮播图效果(滑动轮播,下方高度自适应)

先看案例，使用vue+swiper实现，slide不同高度时，动态计算盒子高度，让其下方高度自适应的效果首先搭建vue项目，这里不做过多说明，然后安装swipernpminstallswiper--save-dev1.js部分：初始化swiper组件，vue要在mounted生命周期中进行初始化，代码如下：importSwiperfrom'swiper'import{TweenMax,Power2}from'gsap'初始化时调用resize函数，计算屏幕容器的宽高，代码如下//重新计算屏幕宽高resize(swiper){this... 继续阅读 >