Browse Source

支付结果

test
Enzo 4 years ago
parent
commit
1deb33f89b
  1. 6
      pages.json
  2. 52
      pages/payState/paystate.vue

6
pages.json

@ -3,6 +3,12 @@
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
{
"path": "pages/payState/paystate",
"style": {
"navigationBarTitleText": "支付结果"
}
},
{
"path": "pages/index/index",
"style": {

52
pages/payState/paystate.vue

@ -0,0 +1,52 @@
<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/empty.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="lf-flex lf-flex-column lf-row-round" style="margin-top: 100px;">
<view>
<image src="@/static/images/empty.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="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="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
}
},
onLoad(e) {
this.ifpaySuccess = e.ifSuccess
this.order_id = e.order_id
}
}
</script>
<style>
</style>
Loading…
Cancel
Save