小程序文字循环滚动效果

先上代码
xx.wxml

 
 
  
   
   李女士  189********  7分钟前获得装修报价
   
   
   杨女士  137********  8分钟前获得装修报价
   
   
   杨先生  137********  9分钟前获得装修报价
   
 
 
 
   杨先生  137********  9分钟前获得装修报价
   
   
   林女士  173********  5分钟前获得装修报价
   
   
   王女士  159********  6分钟前获得装修报价
   
   
 

.wcss

.swiper-box{
  position: relative;
  height: 280rpx;
  /* line-height: 80rpx;  */
  padding: 0 40rpx;
  /* background-color: #FFEBCD; */
  overflow: hidden;
}
.swiper-box .item{
  white-space: nowrap;
  text-overflow: ellipsis;
}

image.png

图片无限向上滚动完成
注：

image.png

image.png

个人qq:1366860941