提交

pages/payCentre.vue

@@ -1,7 +1,11 @@
 <template>
 	<view class="body">
-		<image src="/static/payCentre/loading.gif" mode=""></image>
-		<view>支付中</view>
+		<!-- <image src="/static/payCentre/loading.gif" mode=""></image> -->
+		<image class="payLogo" src="/static/payCentre/payLogo.png" mode=""></image>
+		<view>
+			正在进入宜格收银台 
+			<text>{{text}}s</text>
+		</view>
 	</view>
 </template>
 
@@ -10,7 +14,8 @@
 	export default {
 		data() {
 			return {
-				data:""
+				data:"",
+				text:3
 			}
 		},
 		onLoad(options) {
@@ -20,10 +25,20 @@
 				// })
 				setTimeout(()=>{
 					this.goto(options.orderNo)
-				},100)
+				},100);
 			}
+			this.init()
 		},
 		methods: {
+			init(){
+				this.text=3;
+				let setTime=setInterval(()=>{
+					this.text--;
+					if(this.text==0&&setTime){
+						clearInterval(setTime)
+					}
+				},1000)
+			},
 			goto(orderNo) {
 				try {
 					uniWeb.webView.postMessage({
@@ -49,5 +64,19 @@
 			width: 200rpx;
 			height: 200rpx;
 		}
+		.payLogo{
+			width: 294rpx;
+			height: 294rpx;
+		}
+		>view{
+			font-size: 30rpx;
+			color: #333333;
+			font-weight: 700;
+			margin-top: 45rpx;
+			text{
+				font-size: 36rpx;
+				color: #FF0511;
+			}
+		}
 	}
 </style>