The component of preact
import SwipeContainer from 'preact-swipe-container';
...
<SwipeContainer calss="container" currentPage="0" totalPage="4" soft={true} onChange={(num)=>{console.log(num)}}>
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</SwipeContainer>
...
.container{
width: 100vw;
height: 100px;
overflow: hidden;
ul{
width: 300%;
overflow: hidden;
li{
float: left;
width: 100vw;
height: 100px;
}
}
}