blindDate/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/pay-success.png" mode="widthFix" style="height: 100px;width: 100px;"></image>
			</view>
			<view class="lf-m-t-40 lf-font-bold lf-font-42 lf-color-primary">订单支付成功</view>
		</view>
		<view v-else class="lf-flex lf-flex-column lf-row-round" style="margin-top: 100px;">
			<view>
				<image src="@/static/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>
		<view class="margin-self flex flex-direction justify-around">
			<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 #E21196;" @tap="$url('/pages/index/index',{type: 'switch'})">
					<text class="lf-font-32 lf-color-primary">返回首页</text>
				</button>
			</view>
		</view>
	</view>
</template>

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

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