swiper

微信官方文档：swiper

核心节点：，在其内部嵌套多个节点

 .swiper-item{
  display: block;
  height: 150px;
}
.demo-text-1{
    position: relative;
    align-items: center;
    background-color: #1AAD19;
}
.demo-text-2{
    position: relative;
    align-items: center;
    background-color:  #2782D7;
} 
.demo-text-3{
    position: relative;
    align-items: center;
    background-color: #F1A1F1;
}

效果：

swiper.gif

其它的效果可参考微信小程序官方文档，或者自行添加