From 02d62d3276e8ca16a3a4de49be33bf49a67bc6a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Wed, 20 Sep 2023 11:33:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/myinformation/myinformation.scss | 166 ++++++++++++++++++++++++
 pages/myinformation/myinformation.vue  | 167 +------------------------
 2 files changed, 167 insertions(+), 166 deletions(-)
 create mode 100644 pages/myinformation/myinformation.scss

diff --git a/pages/myinformation/myinformation.scss b/pages/myinformation/myinformation.scss
new file mode 100644
index 0000000..67272d7
--- /dev/null
+++ b/pages/myinformation/myinformation.scss
@@ -0,0 +1,166 @@
+.app {
+		.titles {
+			height: 80rpx;
+		}
+
+		.myorder {
+			position: relative;
+
+			.orderStatus {
+				text-align: center;
+				margin: 60rpx auto 30rpx;
+				width: 90%;
+				display: flex;
+				justify-content: space-around;
+				padding-bottom: 30rpx;
+
+				.item {
+					width: 25%;
+
+					.text {
+						font-size: 26rpx;
+						color: #333333;
+						margin-top: 10rpx;
+					}
+
+					image {
+						width: 70rpx;
+						height: 60rpx;
+					}
+				}
+			}
+
+			.righttitle {
+				font-size: 26rpx;
+				color: #969494;
+				position: absolute;
+				right: 30rpx;
+				top: 5rpx;
+
+				image {
+					vertical-align: middle;
+					padding-left: 20rpx;
+					width: 13rpx;
+					height: 23rpx;
+					display: inline-block;
+				}
+			}
+
+			.title {
+				margin-left: 30rpx;
+				font-size: 32rpx;
+				color: #4B4B4B;
+			}
+		}
+
+		.topbanner {
+			width: 100%;
+			height: 430rpx;
+			position: relative;
+			color: #FFFFFF;
+			margin-bottom: 50rpx;
+
+			.Threecategories {
+				width: 100%;
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				display: flex;
+				justify-content: space-around;
+				padding-bottom: 30rpx;
+
+				.item {
+					width: 33%;
+					text-align: center;
+
+					.text {
+						font-size: 22rpx;
+					}
+
+					.number {
+						font-size: 36rpx;
+						padding-bottom: 10rpx;
+					}
+				}
+			}
+
+			.btn {
+				position: absolute;
+				top: 40%;
+				right: 2%;
+				width: 170rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				text-align: center;
+				background: #51b9a0;
+				border-radius: 5rpx;
+				font-size: 24rpx;
+			}
+
+			.manage {
+				position: absolute;
+				top: 54%;
+				right: 2%;
+			}
+
+			.phone {
+				position: absolute;
+				top: 56%;
+				left: 30%;
+				font-size: 24rpx;
+			}
+
+			.namesigning {
+				position: absolute;
+				top: 38%;
+				left: 30%;
+
+				.name {
+					display: inline-block;
+					font-size: 36rpx;
+				}
+
+				.signing {
+					text-align: center;
+					margin-left: 30rpx;
+					height: 36rpx;
+					line-height: 36rpx;
+					display: inline-block;
+					width: 90rpx;
+					background: #FFFFFF;
+					border: 2rpx solid #FFA115;
+					border-radius: 5rpx;
+					font-size: 22rpx;
+					color: #FFA115;
+				}
+			}
+
+
+			.title {
+				position: absolute;
+				top: 15%;
+				left: 0%;
+				width: 100%;
+				text-align: center;
+				font-size: 34rpx;
+				font-weight: 600;
+			}
+
+			.headsculpture {
+				position: absolute;
+				top: 35%;
+				left: 5%;
+				width: 150rpx;
+				height: 150rpx;
+			}
+
+			.userbanner {
+				position: absolute;
+				top: 0%;
+				left: 0%;
+				z-index: -1;
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
\ No newline at end of file
diff --git a/pages/myinformation/myinformation.vue b/pages/myinformation/myinformation.vue
index f7e343e..b0e217d 100644
--- a/pages/myinformation/myinformation.vue
+++ b/pages/myinformation/myinformation.vue
@@ -157,170 +157,5 @@
 </script>
 
 <style lang="scss">
-	.app {
-		.titles {
-			height: 80rpx;
-		}
-
-		.myorder {
-			position: relative;
-
-			.orderStatus {
-				text-align: center;
-				margin: 60rpx auto 30rpx;
-				width: 90%;
-				display: flex;
-				justify-content: space-around;
-				padding-bottom: 30rpx;
-
-				.item {
-					width: 25%;
-
-					.text {
-						font-size: 26rpx;
-						color: #333333;
-						margin-top: 10rpx;
-					}
-
-					image {
-						width: 70rpx;
-						height: 60rpx;
-					}
-				}
-			}
-
-			.righttitle {
-				font-size: 26rpx;
-				color: #969494;
-				position: absolute;
-				right: 30rpx;
-				top: 5rpx;
-
-				image {
-					vertical-align: middle;
-					padding-left: 20rpx;
-					width: 13rpx;
-					height: 23rpx;
-					display: inline-block;
-				}
-			}
-
-			.title {
-				margin-left: 30rpx;
-				font-size: 32rpx;
-				color: #4B4B4B;
-			}
-		}
-
-		.topbanner {
-			width: 100%;
-			height: 430rpx;
-			position: relative;
-			color: #FFFFFF;
-			margin-bottom: 50rpx;
-
-			.Threecategories {
-				width: 100%;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				display: flex;
-				justify-content: space-around;
-				padding-bottom: 30rpx;
-
-				.item {
-					width: 33%;
-					text-align: center;
-
-					.text {
-						font-size: 22rpx;
-					}
-
-					.number {
-						font-size: 36rpx;
-						padding-bottom: 10rpx;
-					}
-				}
-			}
-
-			.btn {
-				position: absolute;
-				top: 40%;
-				right: 2%;
-				width: 170rpx;
-				height: 40rpx;
-				line-height: 40rpx;
-				text-align: center;
-				background: #51b9a0;
-				border-radius: 5rpx;
-				font-size: 24rpx;
-			}
-
-			.manage {
-				position: absolute;
-				top: 54%;
-				right: 2%;
-			}
-
-			.phone {
-				position: absolute;
-				top: 56%;
-				left: 30%;
-				font-size: 24rpx;
-			}
-
-			.namesigning {
-				position: absolute;
-				top: 38%;
-				left: 30%;
-
-				.name {
-					display: inline-block;
-					font-size: 36rpx;
-				}
-
-				.signing {
-					text-align: center;
-					margin-left: 30rpx;
-					height: 36rpx;
-					line-height: 36rpx;
-					display: inline-block;
-					width: 90rpx;
-					background: #FFFFFF;
-					border: 2rpx solid #FFA115;
-					border-radius: 5rpx;
-					font-size: 22rpx;
-					color: #FFA115;
-				}
-			}
-
-
-			.title {
-				position: absolute;
-				top: 15%;
-				left: 0%;
-				width: 100%;
-				text-align: center;
-				font-size: 34rpx;
-				font-weight: 600;
-			}
-
-			.headsculpture {
-				position: absolute;
-				top: 35%;
-				left: 5%;
-				width: 150rpx;
-				height: 150rpx;
-			}
-
-			.userbanner {
-				position: absolute;
-				top: 0%;
-				left: 0%;
-				z-index: -1;
-				width: 100%;
-				height: 100%;
-			}
-		}
-	}
+	@import './myinformation.scss'
 </style>
\ No newline at end of file