<template>
	<view class="container safe-area-inset-bottom">
		<MessageNotification />
		<!-- 付款成功 -->
		<view class="head">
			<view class="paided">
				<text class="iconfont icon-emichenggong"></text>
				付款成功
			</view>

			<view class="btn">
				<text class="order" @click="toOrder">查看订单</text>
				<text @click="toHome">返回首页</text>
			</view>
		</view>

		<!-- 确认 -->
		<view class="btn">
			<view class="back" @click="toHome">
				确认
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			// 订单
			toOrder() {
				uni.navigateTo({
					url: '/subPackages/shop/orders?id='
				})
			},

			// 确认
			toHome() {
				uni.switchTab({
					url: '/pages/home/home'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		width: 750rpx;
		min-height: 100vh;
		max-height: 100%;
		background: #F8FAFC;
		padding-bottom: env(safe-area-inset-bottom);

		.head {
			width: 710rpx;
			height: 404rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin: 10rpx auto;

			.paided {
				width: 710rpx;
				height: 234rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				font-size: 40rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #232323;
				padding: 48rpx;

				.iconfont {
					font-size: 120rpx;
					color: #4175EE;
					margin: 0 0 32rpx 0;
				}
			}

			.btn {
				margin-top: 36rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				text {
					display: inline-block;
					width: 160rpx;
					height: 54rpx;
					line-height: 52rpx;
					text-align: center;
					background: #FFFFFF;
					border: 2rpx solid #1777FF;
					font-size: 28rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #1777FF;
					margin-left: 20rpx;
				}

				.order {
					color: #232323;
					border: 2rpx solid #707070;
				}
			}
		}

		.btn {
			width: 750rpx;
			height: 110rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12rpx 32rpx;
			margin-top: 44rpx;

			.back {
				width: 686rpx;
				height: 86rpx;
				text-align: center;
				line-height: 86rpx;
				background: #4175EE;
				border-radius: 198rpx;
				font-size: 32rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
		}
	}
</style>
