<template>
	<view class="wh-full">
		<topNavBar title="支付成功" :leftIcon="false" />
		<view class="pay-sucess">
			<view class="pay-sucess-text">
				<u-icon name="checkmark-circle-fill" color="#06A103"></u-icon>支付成功
			</view>
			<!-- <uni-icons type="checkbox-filled" size="90" color="#27B148"></uni-icons> -->
			<view class="pay-price">
				￥<text>{{price}}</text>
			</view>
			<view class="go-btn" @click="jump">确认</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price:0
			}
		},
		onLoad(e) {
			if(e.price){
				this.price = e.price
			}
		},
		methods: {
			jump(){
				uni.redirectTo({
					url: '/pages/order/myOrder/myOrder?type=3'
				});
				// uni.redirectTo({
				// 	url: '/pages/order/myOrder/myOrder?type=0'
				// });
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pay-sucess{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.pay-sucess-text{
			font-size: 16px;
			padding-top: 130upx;
			padding-bottom: 90upx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #06A103;
		}
		.pay-price{
			font-size: 24px;
			text-align: center;
			>text{
				font-size: 44px;
			}
		}
		.go-btn{
			height: 76upx;
			border-radius: 38px;
			background-image: $base-bg-gradient-color;
			text-align: center;
			line-height: 76upx;
			color: #FFF;
			font-size: 14px;
			width: 50%;
			margin: 100upx auto 0;
		}
	}

</style>
