From 7d03ed6e7bbbef1dba52c0f07752de7c697317d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Sat, 11 Sep 2021 15:49:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=BE=93=E5=85=A5=E9=87=91?=
 =?UTF-8?q?=E9=A2=9D=E9=A1=B5=E9=9D=A2UI=EF=BC=8C=E7=AD=89=E5=BE=85?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E6=94=AF=E4=BB=98=E9=A1=B5=E9=9D=A2=E5=BE=85?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=8C=E7=A9=BA=E6=95=B0=E6=8D=AE=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/lf-nocontent/lf-nocontent.vue |  55 +++++++----
 pages.json                               |  14 +++
 pages/business/center/center.vue         |  14 ++-
 pages/business/payment/money.vue         | 121 +++++++++++++++++++++++
 pages/business/payment/wait.vue          |  26 +++++
 5 files changed, 210 insertions(+), 20 deletions(-)
 create mode 100644 pages/business/payment/money.vue
 create mode 100644 pages/business/payment/wait.vue

diff --git a/components/lf-nocontent/lf-nocontent.vue b/components/lf-nocontent/lf-nocontent.vue
index 5129fa3..f80beb3 100644
--- a/components/lf-nocontent/lf-nocontent.vue
+++ b/components/lf-nocontent/lf-nocontent.vue
@@ -1,31 +1,50 @@
 <template>
-	<view class="padding-xl margin-top-xl">
-		<view class="flex justify-center">
-			<image src="@/static/images/empty.png" mode="widthFix" class="no-content-img"></image>
+	<view class="empty-box" style="margin: 100rpx 0;text-align: center;">
+		<view class="empty-image">
+			<image :src="src" mode="aspectFill" style="margin: 0 auto;width: 360rpx;height: 252rpx;"></image>
 		</view>
-		<text class="block text-center margin-top">暂无数据</text>
+		<view class="content m-text-center m-m-t-20">
+			<view class="m-font-32" style="color: #333333;">{{ text }}</view>
+		</view>
+		<button class="m-m-t-32 empty-button" v-if="showButton" @click="$emit('clickButton')">{{ buttonTitle }}</button>
 	</view>
 </template>
 
 <script>
 	export default {
-		data(){
-			return {
-				
+		name:"d-empty",
+		props: {
+			text: {
+				type: String, // 空消息提示语
+				default: '暂无数据'
+			},
+			src: {
+				type: String, // 空消息提示的图片
+				default: ''
+			},
+			showButton: {
+				type: Boolean, // 是否显示按钮
+				default: false
+			},
+			buttonTitle: {
+				type: String, // 按钮上的文字，当showButton == true时显示
+				default: '去逛逛'
 			}
-		},
-		onLoad(){
-			
-		},
-		methods: {
-			
 		}
 	}
 </script>
 
-<style lang="scss" scoped>
-	.no-content-img{
-		width: 440rpx;
-		height: 380rpx;
-	}
+<style lang="scss">
+.empty-button{
+	min-width: 170rpx;
+	max-width: max-content;
+	height: 68rpx;
+	background-color: #FEFEFE;
+	font-size: 30rpx;
+	color: #666666;
+	line-height: 66rpx;
+	text-align: center;
+	border-radius: 6rpx;
+	border: 2rpx solid #E4E4E4;
+}
 </style>
diff --git a/pages.json b/pages.json
index cbb30cd..14879ca 100644
--- a/pages.json
+++ b/pages.json
@@ -993,6 +993,20 @@
 				"navigationBarTitleText": "提现"	,
 				"navigationStyle":"custom"
 			}
+		},
+		{
+			"path": "pages/business/payment/money",
+			"style": {
+				"navigationBarTitleText": "输入金额"	,
+				"navigationStyle":"custom"
+			}
+		},
+		{
+			"path": "pages/business/payment/wait",
+			"style": {
+				"navigationBarTitleText": "等待用户支付"	,
+				"navigationStyle":"custom"
+			}
 		}
     ],
 	"globalStyle": {
diff --git a/pages/business/center/center.vue b/pages/business/center/center.vue
index ba5cbbd..e00be0f 100644
--- a/pages/business/center/center.vue
+++ b/pages/business/center/center.vue
@@ -14,7 +14,7 @@
 						<text class="lf-iconfont icon-daifukuan"></text>
 						<text>余额</text>
 					</view>
-					<view class="head-menu" @click="$msg('敬请期待')">
+					<view class="head-menu" @click="onScanCode">
 						<text class="lf-iconfont icon-daifukuan"></text>
 						<text>扫一扫</text>
 					</view>
@@ -109,7 +109,17 @@
 			
 		},
 		methods: {
-			
+			// 扫一扫
+			onScanCode(){
+				uni.scanCode({
+					complete: res => {
+						console.log(res);
+						// 二维码内的内容
+						let result = res.result;
+						this.$url('/pages/business/payment/money');
+					}
+				})
+			}
 		}
 	}
 </script>
diff --git a/pages/business/payment/money.vue b/pages/business/payment/money.vue
new file mode 100644
index 0000000..fef19e1
--- /dev/null
+++ b/pages/business/payment/money.vue
@@ -0,0 +1,121 @@
+<template>
+	<view>
+		<lf-nav title="输入金额" :showIcon="true" bgColor="#fff"></lf-nav>
+		<view class="centent">
+			<view class="card">
+				<view class="lf-font-28 lf-color-222">输入金额</view>
+				<view class="list money-list">
+					<view class="lf-flex">
+						<view class="symbol">￥</view>
+						<input class="input" type="number" v-model="money" />
+					</view>
+					<view class="clear" v-if="money.length" @click="money = ''">
+						<text class="lf-iconfont icon-cuo1"></text>
+					</view>
+				</view>
+			</view>
+			<button class="confirm" hover-class="lf-opacity" @click="confirm">确认</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				money: ''
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			confirm(){
+				this.$url('/pages/business/payment/wait', {type: 'redirect'})
+			}
+		}
+	}
+</script>
+
+<style>
+	page{
+		background-color: #F8F8F8;
+	}
+</style>
+<style lang="scss" scoped="scoped">
+	.centent{
+		padding: 30rpx 32rpx;
+		.card{
+			padding: 30rpx;
+			box-sizing: border-box;
+			width: 686rpx;
+			height: max-content;
+			background: #FFFFFF;
+			border-radius: 20rpx;
+			.list{
+				height: 90rpx;
+				width: 100%;
+				border-bottom: 1rpx solid #e5e5e5;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-top: 10rpx;
+				.input{
+					width: 540rpx;
+					height: 80rpx;
+					font-size: 28rpx;
+				}
+				.input-code{
+					width: 430rpx;
+				}
+				.clear{
+					padding: 20rpx;
+				}
+				.code{
+					min-width: 180rpx;
+					max-width: 220rpx;
+					height: 64rpx;
+					padding: 0 4rpx;
+					font-size: 24rpx;
+					color: #15716E;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					border-radius: 32rpx;
+					border: 2rpx solid #15716E;
+				}
+				.active-bg{
+					background: #efefef;
+				}
+				.symbol{
+					width: 30rpx;
+					height: 90rpx;
+					font-size: 36rpx;
+					color: #222222;
+					display: flex;
+					align-items: flex-end;
+				}
+			}
+			.money-list{
+				height: 140rpx;
+				.input{
+					width: 500rpx;
+					height: 130rpx;
+					font-size: 72rpx;
+					font-weight: bold;
+					margin-left: 20rpx;
+				}
+			}
+		}
+		.confirm{
+			width: 550rpx;
+			height: 100rpx;
+			background: #0D2E9A;
+			border-radius: 50rpx;
+			color: #FFFFFF;
+			line-height: 100rpx;
+			margin-top: 60rpx;
+			font-size: 32rpx;
+		}
+	}
+</style>
diff --git a/pages/business/payment/wait.vue b/pages/business/payment/wait.vue
new file mode 100644
index 0000000..5fc349f
--- /dev/null
+++ b/pages/business/payment/wait.vue
@@ -0,0 +1,26 @@
+<template>
+	<view>
+		<lf-nav title="等待用户支付" :showIcon="true" bgColor="#fff"></lf-nav>
+		<lf-nocontent></lf-nocontent>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	
+</style>