ts
import React, { Component, createRef } from 'react'
import './index.less'
export default class index extends Component {
x:number=0
xl:number=0
index:number=1
res=createRef<HTMLDivElement>()
list=[4,1,2,3,4,1]
render() {
return (
<div className='switch-box1'>
<div className="huan1">
<div className="huan-box1" ref={this.res}>
{this.list.map((item)=><div>{item}</div>)}
</div>
</div>
</div>
)
}
box(){
return this.res.current as HTMLDivElement
}
componentDidMount(){
this.box().ontouchstart=this.start.bind(this)
this.box().style.left=this.index*-100+'vw'
}
start(e:TouchEvent){
this.box().style.transition='null'
if(this.index==0)this.index=this.list.length-2
i