![](https://i-blog.csdnimg.cn/blog_migrate/02053d4b41289bfda843b58166fddac7.png)
<swiper class="swiper" vertical circular autoplay interval="2000" display-multiple-items='1'>
<swiper-item v-for="item in contentList" :key="item.id" @click="notice(item.id)">
<view class="box">
<view>{{item.title}}</view>
</view>
</swiper-item>
</swiper>
![](https://i-blog.csdnimg.cn/blog_migrate/7bdfd91105a7ba52207a13cefa50f465.png)
.swiper {
width: 500rpx;
height: 50rpx;
margin: 50rpx auto;
}
.box {
font-size: 20rpx;
height: 50rpx;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10rpx;
color: white;
view {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}