uniapp-hainan/pages/payState/paystate.vue

<template>
	<view>
		<view v-if="ifpaySuccess==1" class="lf-flex lf-flex-column lf-row-round" style="margin-top: 100px;">
			<view>
				<image src="@/static/center/pay-success.png" mode="widthFix" style="height: 100px;width: 100px;"></image>
			</view>
			<view class="lf-m-t-40 lf-font-bold lf-color-black lf-font-42 lf-color-blue">订单支付成功</view>
			<view class="lf-color-666 lf-m-t-20 lf-font-28">
				您可以在我的订单中查询详情
			</view>
		</view>
		<view v-else class="lf-flex lf-flex-column lf-row-round" style="margin-top: 100px;">
			<view>
				<image src="@/static/center/pay-fail.png" mode="widthFix" style="height: 100px;width: 100px;"></image>
			</view>
			<view class="lf-m-t-40 lf-font-bold lf-color-black lf-font-42 lf-color-333">订单支付失败</view>
			<view class="lf-color-666 lf-m-t-20 lf-font-28">
				您可以在我的订单中查询详情
			</view>
		</view>
		<view class="margin-top flex flex-direction justify-around">
			<view class="lf-p-r-32 lf-p-l-32">
				<button class="cu-btn margin-self" @tap="$url('/pages/order/order_details?order_id='+order_id,{type: 'launch'})">
					<text class="lf-font-32 lf-color-white">查看订单</text>
				</button>
			</view>
			<view class="lf-p-r-32 lf-p-l-32 lf-m-t-40">
				<button class="cu-btn lf-bg-white" style="border: 1px solid #1998FE;" @tap="$url('/pages/index/index',{type: 'switch'})">
					<text class="lf-font-32 lf-color-blue">返回首页</text>
				</button>
			</view>
		</view>
	</view>
</template>

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

<style scoped>
	.margin-self {
		margin-top: 85rpx;
	}
	.cu-btn {
		border-radius: 10rpx;
		background-color: #1998FE;
		height: 82rpx;
		line-height: 82rpx;
		text-align: center;
	}
</style>