商户端支付状态

pages.json

@@ -11,6 +11,12 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path": "pages/business/payment/paystate",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/aboutpay/paystate",
 			"style": {

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>