Wechat applet realizes left sliding deletion

wxml Code ：

<view class="global">
  <movable-area class="area">
    <movable-view bindtouchstart="start" bindtouchend="end" class="view" direction="horizontal" x="{
   {isopen?'-120rpx':'0'}}">
       Slide left to delete 
    </movable-view>
  </movable-area>
<button type="warn" class="btn"> Delete </button>
</view> 

wxss Code ：

.global{
   height: 130rpx;
   /* width: 100%; */
   background-color: orange;
   margin: 30px 0;
   display:flex;
}

.btn{
   /* height: 130rpx; */
   width: 120rpx;
   font-size: 28rpx;
   /* margin-top: 30px; */
    line-height: 5; 
 } 

.area{
   height: 100%;
   /* width: 100% */
   flex: 1;
   background-color: orchid;
}

.view{
    height: 130rpx;
    /* width: 750rpx; */
    width: 100vw;  /*  Screen width  */
    z-index: 99999;  /*  With higher stacking order , Cover on button  */
    background-color: palegreen;
}

js Code ：

 let Xtouchstart=0  /*  Define a global variable , Used to define the initial position  */
Page({
start:function(evt){
    Xtouchstart= evt.changedTouches[0].pageX  /*  The position of the starting point  */
    // console.log(Xtouchstart)
},
end:function(evt){
    let Xtouchend=evt.changedTouches[0].pageX  /*  The position of the end point  */
    let Xtouchdiffer=Xtouchend-Xtouchstart  /*  Difference value  , The difference is the relative difference , So it doesn't matter where you pull it */
    console.log(Xtouchdiffer)
    // if(Xtouchdiffer<-30){
    //     this.setData({
    //         isopen:true
    //     })
    // }
     if(Xtouchdiffer>-20&&Xtouchdiffer<0){
        this.setData({
            isopen:false
        })
    }
    else if(Xtouchdiffer<20&&Xtouchdiffer>0){
        this.setData({
            isopen:true
        })
    }
    else if(Xtouchdiffer<-20){
        this.setData({
            isopen:true
        })
    }
   else{
        this.setData({
            isopen:false
        })
    }
},
    /**
     *  Initial data of the page 
     */
    data: {
        isopen:false
    },

effect ：