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.
114 lines
2.6 KiB
114 lines
2.6 KiB
<template>
|
|
<view class="content">
|
|
<uni-nav-bar statusBar fixed title="支付结果"></uni-nav-bar>
|
|
<view class="flex-col group_5">
|
|
<view class="flex-col section_3">
|
|
<view class="flex-col items-center">
|
|
<image src="/static/imgs/general/order-success-icon.png" class="image_7" />
|
|
</view>
|
|
<view class="flex-col items-center group_9">
|
|
<text class="text_6">支付成功</text>
|
|
<text class="text_7">付款¥ {{ price }}</text>
|
|
</view>
|
|
<view class="flex-col items-center text-wrapper" @click="jump"
|
|
><text class="text_8">查看订单</text></view
|
|
>
|
|
<view class="flex-col items-center group_10">
|
|
<image
|
|
v-show="imgUrl"
|
|
:show-menu-by-longpress="true"
|
|
:src="imgUrl"
|
|
class="image_9"
|
|
mode="widthFix"
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { go2, back } from "@/utils/hook.js";
|
|
import { imgStamp } from "@/enums/index";
|
|
export default {
|
|
data() {
|
|
return {
|
|
imgStamp,
|
|
type: "success",
|
|
imgUrl: "",
|
|
price: 0,
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
this.type = options.type;
|
|
this.imgUrl = options.imgUrl;
|
|
this.price = options.price;
|
|
},
|
|
methods: {
|
|
go2,
|
|
back,
|
|
jump() {
|
|
go2("order");
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
width: 750rpx;
|
|
}
|
|
.group_5 {
|
|
padding: 20rpx 0 786rpx;
|
|
flex: 1 1 auto;
|
|
overflow-y: auto;
|
|
.section_3 {
|
|
margin: 0 32rpx;
|
|
padding: 48rpx 24rpx 8rpx;
|
|
background-color: rgb(255, 255, 255);
|
|
border-radius: 10rpx;
|
|
.group_9 {
|
|
margin-top: 40rpx;
|
|
.text_6 {
|
|
color: rgb(51, 51, 51);
|
|
font-size: 34rpx;
|
|
font-family: "PingFangSC-Medium";
|
|
font-weight: 500;
|
|
line-height: 48rpx;
|
|
}
|
|
.text_7 {
|
|
margin-top: 16rpx;
|
|
color: rgb(85, 85, 85);
|
|
font-size: 24rpx;
|
|
font-family: "PingFangSC-Regular";
|
|
line-height: 33rpx;
|
|
}
|
|
}
|
|
.text-wrapper {
|
|
margin-top: 47rpx;
|
|
padding: 11rpx 0;
|
|
align-self: center;
|
|
background-color: rgb(255, 255, 255);
|
|
border-radius: 32rpx;
|
|
width: 196rpx;
|
|
border: solid 1rpx rgb(151, 151, 151);
|
|
.text_8 {
|
|
color: rgb(85, 85, 85);
|
|
font-size: 28rpx;
|
|
font-family: "PingFangSC-Regular";
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
.group_10 {
|
|
padding: 48rpx 0;
|
|
.image_9 {
|
|
width: 638rpx;
|
|
}
|
|
}
|
|
.image_7 {
|
|
width: 151rpx;
|
|
height: 86rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|