海南旅游项目 前端仓库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

62 lines
1.9 KiB

<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>