uni中使用轮播图

最近在写一个类似于滚动弹幕,使用纯css,效果有点假,不太真实

因此想起来uni中有轮播图,可以直接使用

 <swiper class="swiper" style="height:90rpx;" circular vertical="true"     :autoplay="true" :interval="3000" :duration="1000">
	<swiper-item v-for="(item,index) in list" :key="index">
		<view class="swiper-item">
                      <view class="tips tips1"  >
                             <view>{{item}}</view>
                      </view>
                </view>
	</swiper-item>
</swiper>

  根据以上代码即可实现轮播图的使用,我这边是只使用了文字版如有需要图片的,可以根据自己的需求进行写样式。

posted @ 2023-04-17 17:32  冰晨之露  阅读(38)  评论(0编辑  收藏  举报