<template>
	<view class="content">
		<image src="../../static/img/pays.png" class="headerImg"></image>
		<!-- <text class="success-icon iconfont iconroundcheck"></text> -->
		<text class="tit">支付成功</text>
		<view class="btn-group">
			<navigator :url="'/pages/order/orderDetail?id='+orderId"><view class="lookorder">查看订单</view></navigator>
			<view class="btntoindex" @click="tabTo('/pages/index/index')">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId:''
			}
		},
		onLoad(opt) {
			// 保存订单号
			this.orderId = opt.orderid;
		},
		methods: {
			//跳转
			tabTo(url) {
				uni.switchTab({
					url: url
				})
			},
		}
	}
</script>

<style lang='scss' scoped>
	page {
		background-color: #fff;
		height: 100%;
	}
	.headerImg {
		margin-top: 70rpx;
		width: 280rpx;
		height: 280rpx;
	}
	.content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.btn-group {
		display: flex;
		margin-top: 80rpx;
		view {
			padding: 15rpx 80rpx;
			margin: 30rpx;
			border-radius: 15rpx;
			border: solid 2rpx #438BED;
		}
		.lookorder {
			background: linear-gradient(90deg, #438BED 0%,  #44BFEC 100%);
			color: #fff;
		}
		.btntoindex {
			color: #438BED;
		}
	}
	.tit{
		font-size: 38upx;
		color: #303133;
	}
</style>
