这种效果,可以使用swiper方式实现,代码如下:
css:<swiper class="swiper" :indicator-dots="false" :autoplay="true" :interval="1500" :duration="1500"
:circular="true" :vertical="true" display-multiple-items="6" easing-function="linear">
<swiper-item v-for="(sm,si) in rows" :key="si" style="line-height: 45rpx;">
<view class="serve-td dis-row" >
<label>{{sm.user.username}}</label>
<label>{{sm.createtime?sm.createtime.split(' ')[0]:'-'}}</label>
<label>{{sm.shop.name}}</label>
<label>-{{sm.shop.score}}</label>
</view>
</swiper-item>
</swiper>
.sp-lst{
width: 100%;height: 360rpx;overflow: auto;
}
.sp-lst swiper{width: 100%;height: 100%;}
上一篇:
uniapp把文字转成语音播放功能的实现
下一篇:
js获取url地址中的参数