<template>
	<view class="content">
		<view class="point">
			<img class="point-img" src="@/static/imgs/payImg.png">
			<view class="point-text">
				<view class="point-name">
					支付成功
				</view>
				<view class="point-tips">
					<text>您已完成支付</text>
					<text>谢谢您对抖火的支持</text>
				</view>
				<view class="point-btn">
					 <!-- @click="$Router.push({name: 'sheetHandle'})" -->
					<view class="btn" @click="$Router.push({name: 'sheetIndex'})">
						查看订单
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {
	
		},
		methods: {
	
		}
	}
</script>

<style lang="scss" scoped>
	.point {
		text-align: center;
		padding: 40% 0;
		.point-img {
			width: 240rpx;
			height: 240rpx;
			margin: 0 auto 10rpx;
		}
		.point-text {
			.point-name {
				color: $mian-color;
				font-size: $title-size + 14;
			}
			.point-tips{
				margin: $margin + 20 0 $margin*3;
				line-height: 52rpx;
				text {
					display: block;
					color: #999999;
				}
			}
		}
		.point-btn {
			text-align: center;
			.btn {
				display: inline-block;
				border: 2rpx solid $mian-color;
				color: $mian-color;
				border-radius: $radius * 4;
				padding: 0 $padding * 2.5;
				line-height: 90rpx;
			}
		}
	}
	
</style>