新增充值成功提示页面

src/pages.json

@@ -286,6 +286,16 @@
 				"enablePullDownRefresh": false
 			}
 
+		},{
+			"path" : "pages/recharging/recharging",
+			"style" :                                                                                    
+			{
+				"navigationStyle": "custom",
+			    "navigationBarTitleText": "充值申请成功",
+			    "enablePullDownRefresh": false
+				
+			}
+			
 		}
 		
 		

src/pages/recharging/recharging.vue

+<template>
+	<view>
+		<view class="logs-box">
+			<view class="item pass">
+				<view class="item-a">
+					<view class="title">充值申请已提交</view>
+					<view class="price">￥{{ money }}</view>
+					<view class="name">来自 {{ bankName }}({{ bankNumber }})</view>
+				</view>
+			</view>
+			<view class="item ">
+				<view class="item-a">
+					<image :src="ImgUrl+'xzf/icon-05.png'" class="bank-waitImg"></image></image>
+					<view class="title">银行处理中</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="item-a">
+					<view class="title">预计 {{ time }}前到账</view>
+					<view class="name">如信息有误，资金将原路返回</view>
+				</view>
+			</view>
+	
+		</view>
+		<view class="btn" @click="toback">我知道了</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name:"recharging",
+	data() {
+		return {
+			ImgUrl: this.$ImgUrl,
+			bankName:'',
+			bankNumber:'',
+			time:'',
+			money:''
+			
+		}
+	},
+	onLoad(options){
+		this.bankName = 	options.bankName;  		//银行名称
+		this.bankNumber = 	options.bankNumber;   	//银行卡号
+		this.time = 	  	options.time; 			//预计到账时间
+		this.money = 		options.money; 			//到账金额
+	},
+	methods: {
+		toback(){
+			wx.navigateBack()
+		}
+	}
+}
+</script>
+
+<style scoped>
+
+.logs-box {
+	margin: 85upx;
+	
+	
+}
+.item {
+	padding:0 70upx 70upx;
+	border-left:3upx solid #DADADA;
+	position: relative;
+	min-height: 139upx;
+}
+
+.item:last-child {
+	border:none;
+}
+.item-a {
+	position: relative;
+	top: -20upx;
+}
+
+.bank-waitImg {
+	position: absolute;
+	left: -116upx;
+	top: -15upx;
+	width: 92upx;
+	height: 92upx;
+	z-index: 2;
+}
+.item::after {
+	content: "";
+	position: absolute;
+	left: -16upx;
+	top: -2upx;
+	width: 30upx;
+	height: 30upx;
+	border-radius: 50%;
+	background: #DADADA;
+}
+
+.item.pass {
+	border-color: #15B780;
+}
+
+.item.pass::after {
+	background: #15B780;
+}
+
+.title {
+	font-size: 32upx;
+	font-weight: 500;
+	color: #282828;
+}
+
+.price {
+	font-size: 28upx;
+	font-weight: 500;
+	color: #999999;
+}
+
+.name {
+	font-size: 28upx;
+	font-weight: 500;
+	color: #999999;
+}
+
+.btn {
+	width: 522upx;
+	height: 90upx;
+	line-height: 90upx;
+	text-align: center;
+	font-size: 32upx;
+	font-weight: 500;
+	color: #15B780;
+	margin: 100upx auto 0;
+	border:2upx solid #15B780;
+	border-radius: 8upx;
+}
+</style>