ts代码
import React, { Component,createRef } from 'react'
import './index.less'
export default class index extends Component {
//滑动盒子
slider = createRef<HTMLDivElement>()
getslider =()=> this.slider.current as HTMLDivElement;
disx: number = 0;
x: number = 0;
startx: number = 0;
endx: number = 0;
iNow: number = 0;
pageview: number = 0;
setDrag(x: number) {
return this.getslider().style.transform = `translatex(${x - this.pageview}px)`
}
componentDidMount() {
this.pageview = document.documentElement.clientWidth;
this.getslider().ontouchstart = this.fnStart.bind(this)
}
fnStart(ev: TouchEvent) {
this.getslider().style.transition = 'none'
this.startx = ev.changedTouches[0].pageX
this.disx = this.startx - this.x;
this.getslider().ontouchmove = this.fn