优化弹出二维码框样式

components/OrderQrCode/index.vue

@@ -10,7 +10,7 @@
 				</div>
 				<div class="flow_describe">
 					<h3>扫码流程</h3>
-					<image :mode="'aspectFit'" width="600px" class="flow_img" src="/static/imgs/order_flow.png"></image>
+					<image :mode="'aspectFit'" class="flow_img" src="/static/imgs/order_flow.png"></image>
 				</div>
 				<div class="flow_describe">
 					<h3>注意事项</h3>
@@ -126,8 +126,6 @@ export default {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-
-
 	}
 
 	.btn {
@@ -144,16 +142,13 @@ export default {
 		color: #FFFFFF;
 		font-size: 20rpx;
 		text-align: center;
-
-
 	}
 }
 
 .order_flow {
 	background: #FFFFFF;
 	border-radius: 10rpx;
-	margin-top: 32rpx;
-	padding-top: 65rpx;
+	padding-top: 25rpx;
 
 	.code {
 		font-size: 36rpx;
@@ -161,7 +156,6 @@ export default {
 		font-weight: 600;
 		color: #000000;
 		text-align: center;
-
 	}
 	
 	.qr_code {
@@ -191,15 +185,14 @@ export default {
 	}
 
 	.flow_describe {
-		width: 686rpx;
+		width: 590rpx;
 		background: #FFFFFF;
 		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(166, 166, 166, 0.5);
 		border-radius: 10rpx;
 		margin: 0 auto;
+		margin-top: 20rpx;
 		padding: 30rpx;
 
-
-
 		h3 {
 			font-size: 28rpx;
 			font-family: PingFangSC-Semibold, PingFang SC;
@@ -208,8 +201,8 @@ export default {
 		}
 
 		.flow_img {
-			width: 600rpx;
-			height: 214rpx;
+			width: 590rpx;
+			height: 211rpx;
 			display: block;
 			margin: 24rpx auto;
 		}