uniapp 通知轮播滚动显示 swiper轮播通知标题

<swiper class="list" circular="true" vertical="true" autoplay="true" interval="3000"
 						duration="1000">
 						<swiper-item v-for="item in noticeList" :key="item.id" @click="handleInfo(item.id)">
							<view class="" style="display: flex;align-items: center;height: 100%;">
								<p v-if="item.type == 1">行政通知</p>
								<p v-if="item.type == 2">教学通知</p>
								<span>{{item.title}}</span>
							</view>
 						</swiper-item>
 					</swiper>

	.list {
 				width: 100%;
 				height: 100%;
 			}