From 3635e2788340cf58c4081ffd6064438bf4071eb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?W=E5=A4=8F=E6=97=A5?= <1241133727@qq.com>
Date: Tue, 2 Jan 2024 19:40:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=AB=E7=A0=81=E6=94=AF=E4=BB=98=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2--=E6=95=B0=E5=AD=97=E9=94=AE=E7=9B=98=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 agentApp/pages/payment/payment.vue | 139 ++++++++++++++++++++++++++++-
 agentApp/static/page/del.png       | Bin 0 -> 556 bytes
 2 files changed, 135 insertions(+), 4 deletions(-)
 create mode 100644 agentApp/static/page/del.png

diff --git a/agentApp/pages/payment/payment.vue b/agentApp/pages/payment/payment.vue
index 7001e11..299dd01 100644
--- a/agentApp/pages/payment/payment.vue
+++ b/agentApp/pages/payment/payment.vue
@@ -52,6 +52,55 @@
 					查看活动规则
 				</view>
 			</view>
+			<view class="pac-list">
+				<view class="pl-left">
+					<view class="pleft-num">
+						<button class="p-num">
+							1
+						</button>
+						<button class="p-num">
+							2
+						</button>
+						<button class="p-num">
+							3
+						</button>
+						<button class="p-num p-mar">
+							4
+						</button>
+						<button class="p-num p-mar">
+							5
+						</button>
+						<button class="p-num p-mar">
+							6
+						</button>
+						<button class="p-num p-mar">
+							7
+						</button>
+						<button class="p-num p-mar">
+							8
+						</button>
+						<button class="p-num p-mar">
+							9
+						</button>
+					</view>
+					<view class="pleft-btom">
+						<button class="p-num pu-zero">
+							0
+						</button>
+						<button class="p-num">
+							.
+						</button>
+					</view>
+				</view>
+				<view class="pl-right">
+					<button class="p-num pr-del">
+
+					</button>
+					<button class="p-num pr-sure">
+						确定
+					</button>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -167,10 +216,10 @@ export default {
 				height: 60rpx;
 
 				.pr-num {
-					font-size: 30px;
-					line-height: 60rpx;
-					min-height: 60rpx;
-					height: 60rpx;
+					font-size: 34px;
+					line-height: 70rpx;
+					min-height: 70rpx;
+					height: 70rpx;
 					color: #454545;
 				}
 			}
@@ -220,5 +269,87 @@ export default {
 			cursor: pointer;
 		}
 	}
+
+	.pac-list {
+		display: flex;
+		justify-content: space-between;
+		position: absolute;
+		width: 100%;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		padding: 14rpx;
+		height: 415rpx;
+		background: #f7f7f7;
+		box-sizing: border-box;
+
+		.pl-left {
+			width: 537rpx;
+		}
+
+		.p-num {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 88rpx;
+			margin: 0;
+			border: none;
+			border-radius: 5rpx;
+			background: #fff;
+			font-size: 18px;
+			color: #454545;
+			font-weight: bold;
+
+			&:after {
+				border: none;
+			}
+		}
+
+		.pleft-num {
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+
+			.p-num {
+				width: 170rpx;
+
+				&.p-mar {
+					margin-top: 14rpx;
+				}
+			}
+		}
+
+		.pleft-btom {
+			display: flex;
+			justify-content: space-between;
+			margin-top: 14rpx;
+
+			.p-num {
+				width: 170rpx;
+			}
+
+			.pu-zero {
+				width: 354rpx;
+				margin-right: 14rpx;
+			}
+		}
+
+		.pl-right {
+			width: 170rpx;
+
+			.pr-del {
+				background: #fff url(../../static/page/del.png) no-repeat center center;
+				background-size: 48rpx 34rpx;
+			}
+
+			.pr-sure {
+				flex: 1;
+				height: 290rpx;
+				margin-top: 14rpx;
+				color: #caf2d8;
+				background: #ace4c1;
+			}
+		}
+	}
 }
 </style>
diff --git a/agentApp/static/page/del.png b/agentApp/static/page/del.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6429af5bd2902f664735d5df34fe4914cccda78
GIT binary patch
literal 556
zcmV+{0@MA8P)<h;3K|Lk000e1NJLTq001xm001Hg1^@s685~*{00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZq)=5M`R9J=0nay#7Fc5`5NXpP5W$aOOl1^+YNnA;!
zo67J(eK-fp3^F!IAZ)!EUp%ALd+aYu!wQJV5jd<lTL1>I&bcGNNABr2lLz<$v{I_^
z-kT=pq=;zXZx2>0(Y2WeY9bGylLd%KZR7z+5)k5E@5*E)76nw0w6mBM5R$f9@-QQy
z!iw_{a~|0G<U6iSCl!78W#RMDpP}ODTw^12&N%~^L|gr>vx*30JiLhq3RRrpymM~J
z6Jzq4OwUK7M8S$Pw0Z#V{YfdMxsCy2+>_7EIXegl27Xr2eT*d$Tge01aR}{EE)T)0
zKom|T$OF&>BU_Vp2?OCV3Y6-;4My|^BPobH0p<EkOQkbTD%#*$v-3TZ5DI;w+iJKC
z#x@(8L6oo}a=C?52@&Hew1<di)#gx2#Lx%4_h+S4L%E!Y!bU0eL)^%QJ`wJ=z<1^y
zHtNLQds9e6M1H1BZxvxDTZuv<dhh)il6uU&2+eflcn14)D^X%1<=Wj-ZQMrboQa^H
zU8{)5CBxV|&@a6cXTM;)8nc_Zf=Rs>rb&E{%0<|uz0ixsja5kA%<VjGtVZr`v^EhY
uYrVe1xUmJjbM80$`#=RrZGh8lRQU(^A>?iGS$*OF0000<MNUMnLSTYPN%L#~

literal 0
HcmV?d00001