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">
				<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="text-df text-white">查看订单</text>
				</button>
			</view>
			<view class="padding-top-sm padding-lr-lg">
				<button class="cu-btn block bg-white border lg margin-top round" @tap="returnIndex()">
					<text class="text-df text-black">返回首页</text>
				</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ifpaySuccess:1,
				order_id: 1
			}
		},
		methods: {
			returnIndex() {
				uni.switchTab({
					url: '/pages/order/index'
				})
			}
		},
		onLoad(e) {
			this.ifpaySuccess = e.ifSuccess
			this.order_id = e.order_id
		}
	}
</script>

<style>
</style>