uni中使用轮播图

最新推荐文章于 2024-07-24 10:27:07 发布

冰晨之露

最新推荐文章于 2024-07-24 10:27:07 发布

阅读量199

点赞数

文章标签： html javascript css 前端开发语言

本文链接：https://blog.csdn.net/lll19960406/article/details/130212690

版权

最近在写一个类似于滚动弹幕，使用纯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>

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