vue实现拖动悬浮框

<template>
  <div>
    <div class="drift" @touchstart="dragStart" @touchmove="dragMove" @touchend="dragEnd">
      <div><img src="../assets/img/homeimg1.png" @click="toTop"/></div>
      <div><a :href="'tel:'+phone"></a><img src="../assets/img/homeimg2.png"/></div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "drift",
    data() {
      return {
        phone: '********',
        isdrag: true,
        tempX: "",
        x: "",
        tempY: "",
        y: "",
      }
    },
    created() {
   
    },
    methods: {
      toTop() {
        let top = document.documentElement.scrollTop || document.body.scrollTop;
        // 实现滚动效果
        const timeTop = setInterval(() =