feat: 初始化

pages/contact/index.scss

@@ -0,0 +1,105 @@
+#service-btn {
+	display: none;
+	justify-content: center;
+	align-items: center;
+	width: 56px;
+	height: 56px;
+	border-radius: 100%;
+	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
+	position: fixed;
+	right: 16px;
+	bottom: 32px;
+	background-color: #fff;
+	z-index: 10009;
+}
+/* #ifdef APP */
+#service-btn {
+	display: flex;
+}
+/* #endif */
+.container {
+	padding: 0 16px 24px;
+	.swiper {
+		margin: 14px 0 18px;
+	}
+	.pageTitle {
+		margin: 14px 0 15px;
+	}
+	.banner {
+		width: 100%;
+		height: 90px;
+	}
+	.infoList {
+		display: flex;
+		flex-direction: column;
+		row-gap: 15px;
+		margin-top: 15px;
+		.infoCard {
+			position: relative;
+			display: flex;
+			flex-direction: column;
+			row-gap: 6px;
+			padding: 18px 96px 14px 18px;
+			min-height: 113px;
+			box-sizing: border-box;
+			box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
+			.title {
+				font-size: 20px;
+				font-weight: 700;
+			}
+			.subTitle {
+				color: #666666;
+				font-size: 12px;
+				line-height: 17px;
+			}
+			.img {
+				position: absolute;
+				right: 12px;
+				bottom: 12px;
+				width: 46px;
+				height: 46px;
+			}
+		}
+	}
+	.videoListTitle {
+		margin-top: 28px;
+		margin-bottom: 15px;
+		font-size: 20px;
+		font-weight: 700;
+	}
+	.videoList {
+		display: grid;
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+		column-gap: 10px;
+		row-gap: 20px;
+		.videoItem {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			row-gap: 10px;
+			.video {
+				width: 100%;
+				max-width: 165px;
+				height: 103px;
+				::v-deep .uni-video-bar {
+					padding: 0;
+				}
+				::v-deep .uni-video-control-button {
+					width: 10px;
+				}
+				::v-deep .uni-video-progress {
+					margin-left: 10px;
+					margin-right: 10px;
+				}
+				::v-deep .uni-video-ball {
+					width: 12px;
+					height: 12px;
+					padding: 16px;
+				}
+			}
+			.videoTitle {
+				font-size: 18px;
+			}
+		}
+	}
+}