78 lines
1.4 KiB
Vue
78 lines
1.4 KiB
Vue
<template>
|
||
<view class="xilu">
|
||
<view class="container pt140">
|
||
<image src="@/static/images/xilu_success.png" mode="aspectFill" class="xilu_success"></image>
|
||
<view class="mt40 fs34 colf lh48 fw500 tc">支付成功！</view>
|
||
<view class="mt300 flex-box flex-center">
|
||
<view @click="back_home()" class="xilu_btn1">返回首页</view>
|
||
<view @click="check_order()" class="xilu_btn2 ml30">查看预约</view>
|
||
</view>
|
||
|
||
|
||
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const app = getApp();
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
back_home() {
|
||
this.$api.reLaunch('../index/index');
|
||
},
|
||
check_order() {
|
||
this.$api.reLaunch('../booking/booking');
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.pt140 {
|
||
padding-top: 140rpx;
|
||
}
|
||
|
||
.xilu {
|
||
&_success {
|
||
width: 186rpx;
|
||
height: 180rpx;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
&_btn1 {
|
||
width: 300rpx;
|
||
height: 110rpx;
|
||
line-height: calc(110rpx - 2px);
|
||
text-align: center;
|
||
font-size: 34rpx;
|
||
font-weight: 400;
|
||
color: #FFCF00;
|
||
border-radius: 55rpx;
|
||
border: 1px solid #FFCF00;
|
||
}
|
||
|
||
&_btn2 {
|
||
width: 300rpx;
|
||
height: 110rpx;
|
||
line-height: 110rpx;
|
||
text-align: center;
|
||
font-size: 34rpx;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
background: #404243;
|
||
border-radius: 55rpx;
|
||
}
|
||
}
|
||
|
||
.mt300 {
|
||
margin-top: 300rpx;
|
||
}
|
||
</style> |