NanjingMuseumWuJinZang/src/moveFu.js

import { ref } from 'vue'


export default function useMoveFu() {
  const flag = ref(false)
  const staX = ref(0)
  const moveX = ref(0)


  // 手指按住屏幕
  const touchstart = (x) => {
    staX.value = x
    flag.value = true
  }

  // 手指移动事件
  const touchmove = (x) => {
    if (flag.value ) {
      moveX.value = x
    }
  }

  // 手指抬起事件
  const touchend = (fu) => {

    if (moveX.value !== 0) {
      if (staX.value - moveX.value >= 10) {
        fu(1)
      } else if (staX.value - moveX.value <= 10) {
        fu(-1)
      }
      flag.value = false

      staX.value = 0
      moveX.value = 0
    }


  }

  return {
    touchstart,
    touchmove,
    touchend
  }

}