整理自己的思维过程,参考了别人的轮播图源码。
思路:
1.构建好轮播图样式
html css view2.操作dom,首尾各增加一张图片
分析 添加图片函数3.自动轮播函数
开启定时器 设置滚动过渡效果,调用滚动函数,调用index重置函数(到达障眼图片时需要切换) 重置过渡效果和index 滚动函数 touch事件 清除定时器 初始化 初始化变量源码下篇文章见~
整理自己的思维过程,参考了别人的轮播图源码。
思路:
1.构建好轮播图样式
html css view2.操作dom,首尾各增加一张图片
分析 添加图片函数3.自动轮播函数
开启定时器 设置滚动过渡效果,调用滚动函数,调用index重置函数(到达障眼图片时需要切换) 重置过渡效果和index 滚动函数 touch事件 清除定时器 初始化 初始化变量源码下篇文章见~
本文标题:vue轮播图
本文链接:https://www.haomeiwen.com/subject/xkbudktx.html
网友评论