uniapp-shikongwang/pages/order/pay-success.vue

<template>
	<view>
		<view v-if="ifpaySuccess==1" class="flex flex-direction justify-around text-center align-center margin-bottom margin-top-lg">
			<view>
				<image src="@/static/images/system/paysuccess.png" mode="widthFix" style="height: 100px;width: 100px;"></image>
			</view>
			<view class="text-xxl margin-tb text-orange text-bold">订单支付成功</view>
			<view class="text-gray">
				您可以在我的订单中查询订单详情
			</view>
		</view>
		<view v-else class="flex flex-direction justify-around text-center align-center margin-bottom margin-top-lg">
			<view>
				<image src="@/static/images/system/payfail.png" mode="widthFix" style="height: 100px;width: 100px;"></image>
			</view>
			<view class="text-xxl margin-tb text-gray text-bold">订单支付失败</view>
			<view class="text-gray">
				您可以在我的订单中查询订单详情
			</view>
		</view>
		<view class="margin-top flex flex-direction justify-around">
			<view class="padding-top padding-lr-lg" v-if="type!=3">
				<button class="cu-btn block bg-orange lg margin-top round" @tap="$url('/pages/order/order-details?order_id='+order_id,{type: 'launch'})">
					<text class="lf-font-32 text-white">查看订单</text>
				</button>
			</view>
			<view class="padding-top-sm padding-lr-lg">
				<button class="cu-btn block bg-white lg margin-top round" style="border: 1px solid #555;" @tap="$url('/pages/index/index',{type: 'switch'})">
					<text class="lf-font-32" style="color: #555!important;">返回首页</text>
				</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ifpaySuccess:-1,
				order_id: 1,
				type: -1
			}
		},
		onLoad(e) {
			this.ifpaySuccess = e.ifSuccess
			this.order_id = e.order_id
			this.type = e.type
		}
	}
</script>

<style>
</style>