frontend_h5/treegitee/pages/product/overpay.vue

54 lines
1.3 KiB
Vue

<template>
<view class="bgwhite flex_items flex_center" style="height: 100vh;">
<view class="flex_column flex_items">
<image :src="imgUrl+'ok.png'" style="width: 96rpx;height: 96rpx;" mode=""></image>
<text class="mt30 f32" style="color: #F43139;">支付完成</text>
<text class="f48 mt40" style="color: #F43139;">{{price}}积分</text>
<view @click="goorder" class="mt80 f-center f28"
style="width: 336rpx;height: 72rpx;background: linear-gradient(90deg, #FF898E 0%, #F43139 100%);border-radius: 68rpx;line-height: 72rpx;color: #fff;">
查看订单</view>
<view @click="gohome" class="mt50 f-center f28"
style="width: 336rpx;height: 72rpx;background: linear-gradient(90deg, #FF898E 0%, #F43139 100%);opacity:0.4;border-radius: 68rpx;line-height: 72rpx;color: #fff;">
返回首页</view>
</view>
<Ywatermark :info="'蓝色兄弟'"></Ywatermark>
</view>
</template>
<script>
export default {
data() {
return {
form: {
phone: "",
},
info: {},
price:"",
imgUrl:""
}
},
onLoad(options) {
this.imgUrl = this.api.imgUrl
this.price = options.money
},
methods: {
goorder(){
uni.switchTab({
url:"/pages/order/index"
})
},
gohome(){
uni.reLaunch({
url:"/pages/index/index"
})
}
}
}
</script>
<style>
page {
background: #fff !important;
}
</style>