fix:样式优化

pages/groupbuying_details/order_details_list/index.vue

@@ -8,7 +8,10 @@
 			</view>
 			<view class="w2" v-if="orderDetail.orderState == 1">
 				需付款: <text class="red">¥{{orderDetail.paymentAmount}}</text>
-				剩余: <u-count-down :time="orderDetail.remainTime * 1000" format="mm分ss秒"></u-count-down>
+				<text class="" style="margin-right:20rpx;" >
+					剩余:
+				</text>
+				<u-count-down :time="orderDetail.remainTime * 1000" format="mm分ss秒"></u-count-down>
 			</view>
 			<view class="w2" v-if="orderDetail.orderState == 2">
 				取货码
@@ -100,7 +103,7 @@
 
 				</view>
 				<view class="payment-details">
-					<blok style="margin-bottom: 20rpx;">
+					<view class="p_box" style="margin-bottom: 20rpx;">
 						<view class="p-t">
 							订单信息
 						</view>
@@ -116,8 +119,8 @@
 							<view class="item-lable">支付方式</view>
 							<view class="item-value2">{{orderDetail.paymentModeDesc}}</view>
 						</view>
-					</blok>
-					<blok>
+					</view>
+					<view class="p_box">
 						<view class="p-t">
 							付款明细
 						</view>
@@ -133,7 +136,7 @@
 							<view class="item-lable">总计金额</view>
 							<view class="item-value">￥{{orderDetail.paymentAmount}}</view>
 						</view>
-					</blok>
+					</view>
 				</view>
 
 				<productConSwiperGroupbuying class="skeleton-rect"></productConSwiperGroupbuying>
@@ -666,14 +669,15 @@ export default {
 }
 
 .all-products-body {
-	margin-top: 30rpx;
-
+	padding-top: 30rpx;
+	background: #fff;
 	.all-products-item {
 		display: flex;
-		margin-bottom: 20rpx;
+		padding-bottom: 20rpx;
 		background: #fff;
 
 		image {
+			margin: auto;
 			width: 128rpx;
 			height: 128rpx;
 			margin-right: 20rpx;
@@ -681,6 +685,7 @@ export default {
 		}
 
 		.all-products-item-content {
+			max-width: calc(100% - 128rpx);
 			flex-grow: 1;
 			display: flex;
 			flex-direction: column;
@@ -744,7 +749,7 @@ export default {
 		.t1 {
 			height: 44rpx;
 			font-size: 32rpx;
-			font-weight: 500;
+			font-weight: bolder;
 			color: #111111;
 			line-height: 44rpx;
 		}
@@ -800,19 +805,18 @@ export default {
 
 		.am2 {
 			margin-bottom: 20rpx;
-			height: 34rpx;
 			font-size: 24rpx;
 			font-weight: 400;
 			color: #999999;
-			line-height: 34rpx;
 		}
 
 		.am3 {
-			width: 248rpx;
+			display: inline-block;
 			height: 44rpx;
 			background: #FFF7F8;
 			border-radius: 8rpx;
-			margin: 20rpx 30rpx;
+			padding-left: 30rpx;
+			padding-right: 30rpx;
 			margin-top: 0rpx;
 			font-size: 20rpx;
 			font-weight: 400;
@@ -860,14 +864,18 @@ export default {
 
 .payment-details {
 	margin-top: 20rpx;
-	margin-bottom: 20rpx;
-	padding: 30rpx;
-	background: white;
+	margin-bottom: 30rpx;
 
+	background: rgb(245,245,245);
+	.p_box{
+		padding: 30rpx;
+		background: white;
+		margin-bottom: 20rpx;
+	}
 	.p-t {
 		font-size: 32rpx;
 		height: 80rpx;
-		font-weight: 500;
+		font-weight: bolder;
 		color: #111111;
 		line-height: 80rpx;
 	}
@@ -922,6 +930,8 @@ export default {
 	}
 
 	.w2 {
+		display: flex;
+    justify-content: center;
 		height: 40rpx;
 		font-size: 28rpx;
 		margin: 20rpx 0;
@@ -930,6 +940,7 @@ export default {
 		line-height: 40rpx;
 
 		.red {
+			margin: 0 20rpx;
 			color: #B22338;
 		}
 	}
@@ -1026,4 +1037,8 @@ export default {
 		transform: translateX(-50%);
     left: 50%;
 	}
-}</style>
+}
+/deep/ .u-count-down__text{
+	font-size: 28rpx !important;
+}
+</style>

pages/order/index.vue

@@ -1,11 +1,11 @@
 <template>
 	<view :style="{ height: pageHeight,colorStyle }">
-		<view class="top custom_box" style="background: rgb(254,245,246); color: black;" >
+		<view class="top custom_box" style="background: linear-gradient(180deg, rgb(254,245,246), rgb(245,245,245)); color: black;" >
 			<!-- #ifdef MP || APP-PLUS -->
 			<view class="sys-head">
 				<view class="sys-bar" :style="{ height: sysHeight }"></view>
 				<!-- #ifdef MP -->
-				<view class="sys-title">我的订单</view>
+				<view class="sys-title">订单列表</view>
 				<!-- #endif -->
 			</view>
 			<!-- #endif -->
@@ -32,13 +32,13 @@
 						<view class="myclient_list_content">
 				
 							<view class="phone">
-								<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/分期－手机@2x.png" />
+								<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/日期@2x.png" />
 								<text>
 									团购日期: {{item.grouponStartTime}} 至 {{item.grouponEndTime}}
 								</text>
 							</view>
 							<view class="time">
-								<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/时间@2x.png" />
+								<image referrerpolicy="no-referrer" src="http://www.gzzzyd.com/groupon/home_slices/出厂编号-线@2x.png" />
 								<text>
 									订单编号: {{item.orderNo}}
 								</text>
@@ -69,7 +69,7 @@
 					</view>
 					<view class="self-pickup-point">
 						<view class="a-t">
-							自提网点：
+							最近的自提网点:
 						</view>
 						<view class="a-m">
 							<view class="am1">
@@ -670,11 +670,15 @@ export default {
 
 
 .myclient_list {
+	padding-left: 30px;
+    padding-top: 30rpx;
+    padding-bottom: 30rpx;
 	margin-top: 30rpx;
-	padding: 30rpx;
 	background: #FFFFFF;
 
 	.myclient_list_name {
+		display: flex;
+    justify-content: space-between;
 		margin-bottom: 15rpx;
 		min-height: 44rpx;
 		font-size: 28rpx;
@@ -688,9 +692,9 @@ export default {
 		}
 
 		.status {
-			width: 300rpx;
+			min-width: 100rpx;
 			text-align: right;
-			margin-left: 30rpx;
+			margin-right: 30rpx;
 			color: #FEA800;
 		}
 	}
@@ -724,12 +728,14 @@ export default {
 
 .all-products-body {
 	background: white;
+	padding-left: 30px;
 
 	.all-products-item {
 		display: flex;
 		margin-bottom: 20rpx;
 
 		image {
+			margin: auto;
 			width: 128rpx;
 			height: 128rpx;
 			margin-right: 20rpx;
@@ -740,12 +746,13 @@ export default {
 			flex-grow: 1;
 			display: flex;
 			flex-direction: column;
-
+			max-width: calc(100% - 128rpx);
 
 			.all-products-item-content-t {
 				flex: 1;
 				font-size: 24rpx;
 				font-weight: 400;
+				margin-right: 30rpx;
 				color: #333333;
 				line-height: 40rpx;
 			}
@@ -793,6 +800,11 @@ export default {
 	height: 44rpx;
 	margin-bottom: 20rpx;
 
+font-size: 20rpx;
+font-weight: 400;
+color: #666666;
+line-height: 44rpx;
+
 }
 
 .a-m {
@@ -804,12 +816,12 @@ export default {
 		margin-bottom: 20rpx;
 
 		.am1-1 {
-			height: 40rpx;
-			font-size: 28rpx;
-			font-weight: 400;
-			color: #111111;
-			line-height: 40rpx;
 
+height: 32rpx;
+font-size: 20rpx;
+font-weight: 500;
+color: #B22338;
+line-height: 32rpx;
 		}
 
 		.am1-2 {
@@ -865,7 +877,6 @@ export default {
 	.a-b2 {
 		image {
 			vertical-align: middle;
-			margin-right: 30rpx;
 			margin-left: 30rpx;
 			height: 34rpx;
 			width: 34rpx;