代码优化

scan/pages/index/index.vue

 <template>
 	<view class="body">
-		首页
-
+		<scroll-view scroll-y style="height: 100%;">
+			<view class="content">
+				<image style="border-radius:10rpx; width: 100%;height: 360rpx;"
+					src="https://content.volccdn.com/obj/feedcoop/skit/0641.jpg" mode="scaleToFill"></image>
+				<view
+					style="font-size: 30rpx;font-weight: 777;margin-top: 20rpx;margin-bottom: 16rpx;margin-left: 40rpx;">
+					热门功能</view>
+				<view
+					style="display: flex;flex-direction: row;width: 100%;justify-content:space-between;height: 300rpx;">
+					<image style="border-radius:10rpx; width: 50%;height: 300rpx;"
+						src="https://content.volccdn.com/obj/feedcoop/skit/0641.jpg" mode="scaleToFill"></image>
+					<view
+						style="display: flex;flex-direction: column;width: 50%;justify-content:space-between;margin-left: 10rpx;">
+						<image style="border-radius:10rpx; width: 100%;height: 150rpx;"
+							src="https://content.volccdn.com/obj/feedcoop/skit/0641.jpg" mode="scaleToFill"></image>
+						<image style="border-radius:10rpx; width: 50%;height: 150rpx;margin-top: 10rpx;"
+							src="https://content.volccdn.com/obj/feedcoop/skit/0641.jpg" mode="scaleToFill"></image>
+					</view>
+				</view>
+				<view
+					style="font-size: 30rpx;font-weight: 777;margin-top: 80rpx;margin-bottom: 16rpx;margin-left: 40rpx;">
+					其他</view>
+				<image style="border-radius:10rpx; width: 100%;height: 130rpx;"
+					src="https://content.volccdn.com/obj/feedcoop/skit/0641.jpg" mode="scaleToFill"></image>
+			</view>
+		</scroll-view>
 	</view>
 </template>
 <script>
@@ -40,16 +64,13 @@
 					success: ({
 						data
 					}) => {
-						this.bannerList = data.list;
+						// this.bannerList = data.list;
 					}
 				});
 
 			},
 			hide() {
 
-			},
-			handleBottomPlay(item) {
-				navigateTo(`/pagesC/video/videoDetail?data=` + encodeURIComponent(JSON.stringify(item)));
 			}
 		}
 	};
@@ -58,22 +79,5 @@
 <style lang="scss">
 	.body {
 		background-color: whitesmoke;
-		position: relative;
-	}
-
-	.item-wrap {
-		width: 96%;
-		border-radius: 10rpx;
-		background-color: #fff;
-		break-inside: avoid;
-		margin-bottom: 20rpx;
-		height: 490rpx;
-	}
-
-	.img {
-		position: relative;
-		border-radius: 10rpx;
-		width: 100%;
-		height: 390rpx;
 	}
 </style>
\ No newline at end of file