From fa851d8baf81149100277f836a59faeb10372db8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Fri, 24 Feb 2023 10:53:36 +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/Personal/Personal.scss | 177 +++++++++++++++++++++++++++++++++++
 1 file changed, 177 insertions(+)
 create mode 100644 pages/Personal/Personal.scss

diff --git a/pages/Personal/Personal.scss b/pages/Personal/Personal.scss
new file mode 100644
index 0000000..61a169b
--- /dev/null
+++ b/pages/Personal/Personal.scss
@@ -0,0 +1,177 @@
+	.app {
+		font-size: 35rpx;
+		padding: 0 0 200rpx 0;
+		position: relative;
+		text-align: center;
+		.service {
+		position: absolute;
+		top:985rpx;
+		left:2%;
+		width: 96%;
+			height: 100rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
+			border-radius: 10rpx;
+				image {
+					width: 13rpx;
+					height: 23rpx;
+					position: absolute;
+					right:40rpx;
+					top:50%;
+					transform: translateY(-50%);
+				}
+			.serviceorder {
+				font-size: 32rpx;
+				height: 100rpx;
+				line-height: 100rpx;
+				position: absolute;
+				left: 31rpx;
+			}
+		}
+		.content {
+			position: absolute;
+			top:670rpx;
+			left:2%;
+			width: 96%;
+			height: 300rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
+			border-radius: 10rpx;
+			.center {
+				display: flex;
+				justify-content: space-around;
+		padding-top: 50rpx;
+				.OrderStatus {
+					position: relative;
+					height: 180rpx;
+					width: 25%;
+					.title{
+						position: absolute;
+						top: 80rpx;
+						width:100%;
+						left:50%;
+						transform: translateX(-50%);
+					}
+					image {
+						width: 71rpx;
+						height: 63rpx;
+						position: absolute;
+						left: 50%;
+						transform: translateX(-50%);
+					}
+					.orderCount {
+						background-color: red;
+						color: #FFFFFF;
+						border-radius: 50%;
+						// padding: 0 5rpx ;
+						line-height: 30rpx;
+						width: 30rpx;
+						height: 30rpx;
+						font-size: 18rpx;
+						// display: inline-block;
+						position: absolute;
+						top: -20rpx;
+						right: 35rpx;
+					}
+				}
+			}
+			.CommodityOrder {
+				font-size: 32rpx;
+				height: 80rpx;
+				line-height: 80rpx;
+				position: relative;
+				.title{
+					position: absolute;
+					left: 31rpx;
+				}
+				.text{
+					position: absolute;
+					right: 40rpx;
+					font-size: 26rpx;
+					color: #969494;
+					image{
+						position: absolute;
+						top:50%;
+						transform: translateY(-50%);
+						padding-left: 10rpx;
+						width: 13rpx;
+						height: 23rpx;
+					}
+				}
+				}
+		}
+		.userinfo{
+			position: absolute;
+			top:420rpx;
+			left:2%;
+			display: flex;
+			width: 96%;
+			height: 220rpx;
+			background-color: #fff;
+			border-radius: 10rpx;
+			box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(101,176,249,0.41);
+			.item{
+				width: 33%;
+				height: 100%;
+				padding-top: 40rpx;
+				.text{
+					font-size: 30rpx;
+					line-height: 60rpx;
+				}
+				image{
+					// margin-left: 50%;
+					// transform: translateX(-50%);
+					width: 85rpx;
+					height: 74rpx;
+				}
+			}
+		}
+		.user {
+			width: 100%;
+			height: 550rpx;
+			position: relative;
+			color: #FFFFFF;
+			font-size: 39rpx;
+			.modify {
+				position: absolute;
+				right: 3%;
+				top:220rpx;
+				font-size:28rpx;
+				image{
+					width: 23rpx;
+					height: 23rpx;
+					padding-left: 10rpx;
+				}
+			}
+
+			.nickname {
+				position: absolute;
+				top: 265rpx;
+				left: 35%;
+				font-size: 30rpx;
+			}
+
+			.phone {
+				position: absolute;
+				top: 200rpx;
+				left: 35%;
+			}
+			.bjimg{
+				width: 100%;
+				height: 100%;
+				image{
+					width: 100%;
+					height: 100%;
+				}
+			}
+			.img {
+				width: 150rpx;
+				height: 150rpx;
+				border-radius: 50%;
+				background: #F6F6F6;
+				position: absolute;
+				top: 180rpx;
+				left: 8%;
+			}
+		}
+	}
\ No newline at end of file