代码优化

vedio/components/banner/banner.vue

 <template>
 	<view class="banneritem">
-		<swiper :autoplay="true" :interval="2000" :duration="500">
-			<swiper-item @click="handleBanner(item)" v-for='(item, index) in bannerList' :key='index'
-				style="border-radius: 20rpx;">
+		<swiper class="banner" :autoplay="true" :interval="2000" :duration="500" :indicator-dots="true">
+			<swiper-item @click="handleBanner(item)" v-for='(item, index) in bannerList' :key='index'>
 				<image class="banner-img" :src="item.carouselUrl" mode="aspectFill"></image>
 			</swiper-item>
 		</swiper>
@@ -55,7 +54,8 @@
 		// height: 310rpx;
 
 		.banner-img {
-			height: 320rpx;
+			height: 320rpx;
+			border-radius: 20rpx;
 		}
 	}
 </style>
\ No newline at end of file

vedio/scss/banner.scss

 .banner {
 	width: 100%;
-	height: 340rpx;
+	height: 320rpx;
 	vertical-align: bottom;
 
 	&-img {