<template>
	<view class="bigBox">
		<u-icon name="checkmark-circle-fill"></u-icon>
		<view class="exchange-name">兑换成功</view>
		<view class="exchange-text">可在胖丁旅行“我的-我的订单”中查找您的电子门票</view>
		<view class="exchange-btn" @click="orderJump()">完成</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      orderId:'',
    }
  },
  onLoad(option) {
    this.orderId = option.orderId
  },
  methods: {
    orderJump(){//-------------------订单详情跳转
		  uni.navigateTo({
		    url: '/pages/my/order/electronicTicket/electronicTicket?orderId='+this.orderId
		  })
    },
  }
}
</script>

<style scoped lang="scss">
.bigBox{
	height: 100vh;
	background-color: #F7F8FA;
	overflow-y: auto;
}
/deep/ .u-icon{
	margin-top: 272rpx;
	margin-bottom: 46rpx;
}
/deep/ .u-icon__icon{
	margin: 0 auto;
	font-size: 112rpx !important;
	line-height: 112rpx !important;
	color: #00B42B !important;
}
.exchange-name{
	font-weight: 600;
	font-size: 40rpx;
	color: #333333;
	line-height: 56rpx;
	text-align: center;
	margin-bottom: 12rpx;
}
.exchange-text{
	font-weight: 400;
	font-size: 28rpx;
	color: #999999;
	line-height: 40rpx;
	text-align: center;
	padding: 0 24rpx;
	margin-bottom: 254rpx;
}
.exchange-btn{
	width: 380rpx;
	height: 88rpx;
	background: #FFFFFF;
	border: 2rpx solid #EDEDED;
	font-weight: 400;
	font-size: 28rpx;
	color: #333333;
	line-height: 84rpx;
	border-radius: 50rpx;
	text-align: center;
	margin: 0 auto;
}
</style>
