博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
h5 左右滑动切换tab栏
阅读量:7102 次
发布时间:2019-06-28

本文共 2728 字,大约阅读时间需要 9 分钟。

1             on: { 2                 touchstart(e){ 3                     e.preventDefault(); 4                     var touch = e.touches[0]; 5                     startX = touch.pageX; 6                     startT = new Date().getTime(); //记录手指按下的开始时间 7                     // isMove = false; //是否产生滑动 8                 }, 9                 touchmove(e){10                     // console.log('touchmove', e);11                     e.preventDefault();12                     var touch = e.touches[0];13                     var deltaX = touch.pageX - startX;14                 },15                 touchend(e){16                     // console.log(e)17                     var touch = e.changedTouches[0]18                     var endX = touch.pageX19                     20                     var index = me.list.indexOf(me.value)21 22 23                     var deltaT = new Date().getTime() - startT;24                     25                     var deltaX = touch.pageX - startX;26                     if (deltaT < 300){27                         if (deltaX > 0){28                             console.log('index', index);29                             30                             if (index === 0) {31                                 index = me.list.length32                             }33                             me.$emit("input", me.list[--index])34                         } else if (deltaX < 0) {35 36                             if (index === me.list.length - 1) {37                                 index = -138                             }39                             me.$emit("input", me.list[++index])40                             console.log('index', index);41                             42                         }43                     } else {44 45                         if (deltaX > bodyWidth * 0.5){46                             console.log('index', index);47                             48                             if (index === 0) {49                                 index = me.list.length50                             }51                             me.$emit("input", me.list[--index])52                         } else if (deltaX < -bodyWidth * 0.5) {53 54                             if (index === me.list.length - 1) {55                                 index = -156                             }57                             me.$emit("input", me.list[++index])58                             console.log('index', index);59                             60                         }61                     }62                     63                         64                     me._getActiveNav()65                 }66             }

 

转载于:https://www.cnblogs.com/summer0319/p/8422318.html

你可能感兴趣的文章
实践:几十亿条数据分布在几十个节点上的毫秒级实时排序方法
查看>>
PMWiki安装教程
查看>>
JAVA多线程之volatile 与 synchronized 的比较
查看>>
一个经典编程面试题的“隐退”
查看>>
POJ2109
查看>>
显示创建一个表的SQL语句
查看>>
光流和KLT
查看>>
Linux c括号作用域【原创笔记】
查看>>
分分钟带你玩转 Web Services【2】CXF
查看>>
ASP.NET MVC+LINQ开发一个图书销售站点(7):图书分类管理
查看>>
如何做一名技术管理者
查看>>
Resouce, platform_device 和 platform_driver 的关系【转】
查看>>
HTML标记大全参考手册(转载)
查看>>
查看表空间与对应的表空间文件
查看>>
linux C判断文件是否存在【转】
查看>>
《J2EE Tutorial中文版》读书笔记(1)
查看>>
Solaris关机重启命令小结
查看>>
如何为编程爱好者设计一款好玩的智能硬件(四)——初尝试·把温湿度给收集了(上)!...
查看>>
HTTP POST GET 本质区别详解
查看>>
PHP使用Simple_HTML_DOM遍历、过滤及保留指定属性
查看>>