From d39644872fa6f9499fc2c1651bced631a9e96b19 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期一, 23 十二月 2024 09:48:53 +0800
Subject: [PATCH] 1.高德地图未开发完成版本(可能废弃)

---
 pages/user/user-customer.scss |  161 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 157 insertions(+), 4 deletions(-)

diff --git a/pages/user/user-customer.scss b/pages/user/user-customer.scss
index 4a7ba2a..3e1b97d 100644
--- a/pages/user/user-customer.scss
+++ b/pages/user/user-customer.scss
@@ -1,4 +1,87 @@
+.member-level{
+	font-weight: 600;
+	font-size: 32rpx;
+	line-height: 44rpx;
+	text-align: left;
+	font-style: normal;
+	display: inline-block;
+	margin-left: 18rpx;
+	// background: linear-gradient(90deg, #75D982 0%, #54A953 100%);
+	
+	.member-icon{
+		display: inline-block;
+		vertical-align: middle;
+		width: 57rpx;
+		height: 61rpx;
+		background-size: 100% 100%;
+	}
+}
+.member-level .v1{
+	color: #7CC662;
+}
+.member-level .v2{
+	color: #7498E0;
+}
+.member-level .v3{
+	color: #C47810;
+}
+.member-level .v4{
+	color: #DD834E;
+}
+.coupon-info-container{
+	display: flex;
+	// width: 690rpx;
+	padding: 22rpx 36rpx;
+	// height: 134rpx;
+	// background: linear-gradient( 180deg, #FBECC1 0%, #E6CE9E 100%);
+	// background: unset !important;
+	border-radius: 8rpx;
+	// border: 2rpx solid;
+	// border-image: linear-gradient(180deg, rgba(238, 217, 173, 1), rgba(219, 182, 105, 1)) 2 2;
+	// background-image: url('../../static/images/customer/coupon/coupon-bg-user.png');
+	background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/69/69b8683eb7084e06a9d7645764a92a4ayJwLQzpZIQ5f7c5070054319d93cf972f05d429ad10c.png');
+	background-size: 100% 100%;
+	.title{
+		font-weight: 600;
+		font-size: 36rpx;
+		color: #AD790F;
+		line-height: 50rpx;
+	}
+	.score{
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #AD790F;
+		line-height: 40rpx;
+	}
+	.button{
+		width: 170rpx;
+		height: 58rpx;
+		background: linear-gradient( 184deg, #ECCA6D 0%, #D59A3B 100%);
+		border-radius: 30rpx;
+		line-height: 58rpx;
+		text-align: center;
+		font-weight: 600;
+		font-size: 28rpx;
+		color: #FFFFFF
+	}
+}
 .user-customer-order-infos{
+	padding-top: 0rpx;
+	
+	.image-shop-number {
+		width: 30rpx;
+		height: 30rpx;
+		background: #F20000;
+		line-height: 30rpx;
+		text-align: center;
+		position: absolute;
+		right: -10rpx;
+		top: -6rpx;
+		color: #FFFFFF;
+		border-radius: 50%;
+		font-size: 24rpx;
+	}
+	
 	.more{
 		font-weight: 400;
 		font-size: 24rpx;
@@ -15,21 +98,23 @@
 			font-size: 24rpx;
 			color: #000000;
 			line-height: 34rpx;
+			position: relative;
 			.order-icon{
 				flex:1;
 				margin: 0 auto;
 				width: 52rpx;
 				height: 52rpx;
+				position: relative;
 			}
 			.order-icon.dsh{
 				width: 48rpx;
 				height: 46rpx;
-				margin-top: 3rpx;
+				margin-top: 6rpx;
 			}
 			.order-icon.sh{
 				width: 48rpx;
 				height: 46rpx;
-				margin-top: 3rpx;
+				margin-top: 6rpx;
 			}
 		}
 		.order-icons:last-child{
@@ -53,16 +138,84 @@
 			margin: 0 auto;
 			margin-top: 24rpx;
 			text-align: center;
-			.service-icons{
+			font-size: 24rpx;
+			color: #000000;
+			line-height: 34rpx;
+			position: relative;
+			.service-icon{
 				height: 52rpx;
 				width: 52rpx;
 			}
-			.service-icons.t2{
+			.service-icon.t2{
 				height: 52rpx;
 				width: 56rpx;
+			}
+			.dot{
+				position: absolute;
+				left: calc(50% + 30rpx);
+				top: 0rpx;
+				width: 10rpx;
+				height: 10rpx;
+				background: #CF0000;
+				border-radius: 50%;
 			}
 		}
 		
 	}
 }
 
+.customer-info-records{
+	background-color: rgba(255, 255, 255, 0.46);
+	border-radius: 12rpx;
+	padding: 22rpx;
+	display: flex;
+	margin-top: 54rpx;
+	.item{
+		flex: 1;
+		text-align: center;
+		.num{
+			font-weight: 600;
+			font-size: 40rpx;
+			color: #20613D;
+			line-height: 56rpx;
+		}
+		.name{
+			font-weight: 400;
+			font-size: 24rpx;
+			font-weight: 600;
+			color: #000000;
+			line-height: 34rpx;
+		}
+	}
+	.line{
+		width: 2rpx;
+		height: 64rpx;
+		background-color:  #BBCCC2;
+	}
+}
+.kf-container{
+	padding: 28rpx;
+	
+	.icon-kf {
+		width: 44rpx;
+		height: 44rpx;
+		width: 90rpx;
+		height: 90rpx;
+		margin-top: 12rpx;
+	}
+		
+	.icon-call {
+		width: 32rpx;
+		height: 32rpx;
+	}
+		
+	.icon-view {
+		line-height: 40rpx;
+		
+		.icon {
+			display: inline-block;
+			vertical-align: middle;
+		}
+	}
+	
+}
\ No newline at end of file

--
Gitblit v1.9.3