From 0f302a68c27ccbfaee62a015bca9d810f6f494dc Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Sat, 11 Sep 2021 15:49:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E4=BB=98=E7=8A=B6=E6=80=81=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=20=E7=A1=AE=E8=AE=A4=E9=87=91=E9=A2=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                     | 20 +++++++--
 pages/aboutpay/confirmcash.vue | 49 +++++++++++++++++++++
 pages/aboutpay/paystate.vue    | 79 ++++++++++++++++++++++++++++++++++
 3 files changed, 144 insertions(+), 4 deletions(-)
 create mode 100644 pages/aboutpay/confirmcash.vue
 create mode 100644 pages/aboutpay/paystate.vue

diff --git a/pages.json b/pages.json
index d2d394a..fe2e175 100644
--- a/pages.json
+++ b/pages.json
@@ -4,16 +4,28 @@
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-			"path": "pages/user/my/myregister",
+			"path": "pages/index/index/index",
 			"style": {
+				"navigationBarTitleText": "首页",
+				"enablePullDownRefresh":true,
 				"navigationStyle": "custom"
 			}
 		},
 		{
-			"path": "pages/index/index/index",
+			"path": "pages/aboutpay/paystate",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/aboutpay/confirmcash",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/user/my/myregister",
 			"style": {
-				"navigationBarTitleText": "首页",
-				"enablePullDownRefresh":true,
 				"navigationStyle": "custom"
 			}
 		},
diff --git a/pages/aboutpay/confirmcash.vue b/pages/aboutpay/confirmcash.vue
new file mode 100644
index 0000000..54180f3
--- /dev/null
+++ b/pages/aboutpay/confirmcash.vue
@@ -0,0 +1,49 @@
+<template>
+	<view>
+		<lf-nav :spreadOut="true" :showIcon="true" bgColor="#fff" title="确认金额"></lf-nav>
+		<view class="lf-p-30" style="margin: 0 auto;">
+			<view class="confirm-card">
+				<view class="lf-font-32 lf-color-555">
+					请核对支付金额
+				</view>
+				<view style="font-size: 72rpx;color: #15716E;">¥478.50</view>
+				<view>
+					<button class="confirmcash-btn">确认</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+	page {
+		background-color: #F8F8F8;
+	}
+</style>
+<style scoped lang="scss">
+	.confirmcash-btn {
+		width: 550rpx;
+		height: 100rpx;
+		background: #15716E;
+		border-radius: 50rpx;
+		display: flex;
+		justify-content: center;
+		font-size: 32rpx;
+		color: white;
+		align-items: center;
+	}
+	.confirm-card {
+		padding: 30rpx 0;
+		width: 686rpx;
+		height: 475rpx;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		flex-direction: column;
+	}
+</style>
diff --git a/pages/aboutpay/paystate.vue b/pages/aboutpay/paystate.vue
new file mode 100644
index 0000000..d428265
--- /dev/null
+++ b/pages/aboutpay/paystate.vue
@@ -0,0 +1,79 @@
+<template>
+	<view>
+		<lf-nav :spreadOut="true" :showIcon="true" bgColor="#fff" title="确认金额"></lf-nav>
+		<view class="lf-p-30" style="margin: 0 auto;">
+			<view class="confirm-card">
+				<view class="state-btn" v-if="payState">
+					<u-icon name="checkbox-mark" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
+				</view>
+				<view class="state-btn1" v-else>
+					<u-icon name="close" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
+				</view>
+				<view>
+					<text class="lf-font-32 lf-color-777 lf-m-r-10">支付</text>
+					<text style="font-size: 72rpx;color: #15716E;" v-if="payState">¥478.50</text>
+					<text style="font-size: 72rpx;color: #15716E;" v-else>失败</text>
+				</view>
+				<view>
+					<button class="confirmcash-btn">返回首页</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				payState: true
+			}
+		}
+	}
+</script>
+<style scoped lang="scss">
+	.state-btn {
+		width: 220rpx;
+		height: 220rpx;
+		background: #15716E;
+		margin-bottom: 30rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.state-btn1 {
+		width: 220rpx;
+		height: 220rpx;
+		background: #777777;
+		margin-bottom: 30rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.confirmcash-btn {
+		width: 550rpx;
+		height: 100rpx;
+		background: white;
+		border-radius: 50rpx;
+		display: flex;
+		justify-content: center;
+		font-size: 32rpx;
+		color: #15716E;
+		align-items: center;
+		border: 1px solid #15716E;
+		margin-top: 100rpx;
+	}
+	.confirm-card {
+		padding: 30rpx 0;
+		width: 686rpx;
+		height: max-content;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		flex-direction: column;
+	}
+</style>