style: 竞赛主页样式修改

src/views/AwardPage/index.vue

@@ -1,6 +1,16 @@
 <template>
 	<div class="award-page">
 		<div class="banner">
+			<video
+				src="@/assets/images/award/banner.mp4"
+				autoplay
+				muted
+				loop
+				class="banner-video"
+				playsinline
+				webkit-playsinline
+				x5-playsinline
+			></video>
 			<div
 				class="submit-btn flex flex-center"
 				@click="handleSubmitApplication"
@@ -54,9 +64,14 @@
 	}
 	.banner {
 		height: 108rem;
-		background: url('@/assets/images/award/banner.png') no-repeat;
-		background-size: cover;
+		// background: url('@/assets/images/award/banner.png') no-repeat;
+		// background-size: cover;
 		position: relative;
+		.banner-video {
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+		}
 		.submit-btn {
 			width: 41rem;
 			height: 6.394rem;
@@ -91,7 +106,7 @@
 				font-weight: 400;
 				font-size: 2rem;
 				line-height: 2.2rem;
-				color: #232323E5;
+				color: #232323e5;
 			}
 		}
 	}