<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}}10.00</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>
