素材巴巴 > 程序开发 >

vue写轮播组件

程序开发 2023-09-15 08:06:42

写轮播组件的思路:
1、确定传入的参数:轮播图的数据(图片地址,跳转href,图片ID,标题等基础数据)、轮询时间
2、写好轮播图的基本样式,父组件传入参数,动态加载进入轮播图基础数据,写点击事件,目标:点击标点的时候,能跳转到对应的图片。
3、使用定时器,轮询图片,目标:能自动播放图片
4、使用css3的过渡,做出向左滑出右边图片进入:目标:图片滑动交替出现
5、完善点击事件,目标:鼠标移入的时候,轮播图停止,鼠标移出后,自动开始轮播