index.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. // pagesPublic/pages/tdcr/tdcr-list/index.js
  2. import {
  3. imgUrl,
  4. request,
  5. request2
  6. } from "../../api/request"
  7. Page({
  8. /**
  9. * 页面的初始数据
  10. */
  11. data: {
  12. imgUrl,
  13. touchData: {
  14. flag: 0,
  15. lastX: 0,
  16. lastY: 0
  17. }
  18. },
  19. /**
  20. * 生命周期函数--监听页面加载
  21. */
  22. onLoad(options) {
  23. },
  24. /**
  25. * 生命周期函数--监听页面初次渲染完成
  26. */
  27. onReady() {
  28. },
  29. /**
  30. * 生命周期函数--监听页面显示
  31. */
  32. onShow() {
  33. },
  34. /**
  35. * 生命周期函数--监听页面隐藏
  36. */
  37. onHide() {
  38. },
  39. /**
  40. * 生命周期函数--监听页面卸载
  41. */
  42. onUnload() {
  43. },
  44. /**
  45. * 页面相关事件处理函数--监听用户下拉动作
  46. */
  47. onPullDownRefresh() {
  48. },
  49. /**
  50. * 页面上拉触底事件的处理函数
  51. */
  52. onReachBottom() {
  53. },
  54. /**
  55. * 用户点击右上角分享
  56. */
  57. onShareAppMessage() {
  58. },
  59. handleTouchend() {
  60. let touchData = this.data.touchData
  61. touchData.flag = 0
  62. //停止滑动
  63. this.setData({
  64. touchData
  65. })
  66. },
  67. handleTouchstart(event) {
  68. this.setData({
  69. touchData: {
  70. flag: 0,
  71. lastX: event.changedTouches[0].pageX,
  72. lastY: event.changedTouches[0].pageY
  73. }
  74. })
  75. },
  76. handleTouchmove(event) {
  77. let touchData = this.data.touchData
  78. if (touchData.flag !== 0) {
  79. return;
  80. }
  81. let currentX = event.changedTouches[0].pageX;
  82. let currentY = event.changedTouches[0].pageY;
  83. let tx = currentX - touchData.lastX;
  84. let ty = currentY - touchData.lastY;
  85. //左右方向偏移大于上下偏移认为是左右滑动
  86. if (Math.abs(tx) - Math.abs(ty) > 5) {
  87. // 向左滑动
  88. if (tx < 0) {
  89. // 如果到最右侧
  90. console.log('向左滑动');
  91. touchData.flag = 1;
  92. } else if (tx > 0) {
  93. // 如果到最左侧
  94. touchData.flag = 2;
  95. console.log('向右滑动');
  96. wx.navigateBack()
  97. }
  98. }
  99. //将当前坐标进行保存以进行下一次计算
  100. touchData.lastX = currentX;
  101. touchData.lastY = currentY;
  102. this.setData({
  103. touchData
  104. })
  105. },
  106. gotoDetail() {
  107. wx.navigateTo({
  108. url: '../details/detail',
  109. })
  110. }
  111. })