From 9ff7a04a7187ec53003753cf1fcac727cf74d627 Mon Sep 17 00:00:00 2001
From: Enzo <1284707383@qq.com>
Date: Sat, 11 Sep 2021 15:52:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E6=88=B7=E7=AB=AF=E6=94=AF=E4=BB=98?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                          |  6 +++
 pages/business/payment/paystate.vue | 79 +++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 pages/business/payment/paystate.vue

diff --git a/pages.json b/pages.json
index 4494344..256ad6d 100644
--- a/pages.json
+++ b/pages.json
@@ -11,6 +11,12 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path": "pages/business/payment/paystate",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/aboutpay/paystate",
 			"style": {
diff --git a/pages/business/payment/paystate.vue b/pages/business/payment/paystate.vue
new file mode 100644
index 0000000..56deaa3
--- /dev/null
+++ b/pages/business/payment/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: #0D2E9A;" v-if="!payState">¥478.50</text>
+					<text style="font-size: 72rpx;color: #0D2E9A;" 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: #0D2E9A;
+		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: #0D2E9A;
+		align-items: center;
+		border: 1px solid #0D2E9A;
+		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>