77 lines
1.5 KiB
Vue
77 lines
1.5 KiB
Vue
<template>
|
|
<view class="total vertical">
|
|
<uni-icons type="checkbox-filled" size="60" color="#e93340"></uni-icons>
|
|
<view class="title">支付成功</view>
|
|
<view class="price">支付金额<text>{{type}}{{price}}</text></view>
|
|
<view class="text">{{total}}</view>
|
|
<button class="btn" type="default" @click="onBack">确定</button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
index: 1, // 返回层级
|
|
price: 0, // 支付金额
|
|
type : '￥', // 支付币种
|
|
total: '' // 支付提示语
|
|
};
|
|
},
|
|
created() {
|
|
this.index = this.$Route.query.index
|
|
this.price = this.$Route.query.price
|
|
this.type = this.$Route.query.type === 'eb' ? 'EB': '￥'
|
|
this.total = this.$Route.query.total
|
|
},
|
|
methods:{
|
|
onBack(){
|
|
this.$Router.back(this.index)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.total{
|
|
text-align: center;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
padding-left: 10vw;
|
|
padding-right: 10vw;
|
|
padding-bottom: 20vh;
|
|
box-sizing: border-box;
|
|
.title{
|
|
font-weight: bold;
|
|
font-size: $title-size + 10;
|
|
padding: 20rpx 0
|
|
}
|
|
.price{
|
|
font-size: $title-size-lg;
|
|
color: $text-gray;
|
|
text{
|
|
color: $text-price;
|
|
padding-left: 10rpx;
|
|
}
|
|
}
|
|
.text{
|
|
font-size: $title-size-lg;
|
|
color: $text-gray;
|
|
padding-top: $padding;
|
|
}
|
|
.btn{
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
border-radius: 0;
|
|
background: $text-price;
|
|
font-size: $title-size;
|
|
color: white;
|
|
font-weight: bold;
|
|
margin-top: 10vh;
|
|
&::after{
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
</style>
|