<template>
	<view class="cotainer">
		<view class="showinfo">
			<view class="content">
				<view style="color:#BD3124">
					恭喜您已经兑换成功
				</view>
				<view>关注公众号领取本单积分</view>
				<view style="font-size: 40rpx;">999积分</view>
				<view>10积分等于1元</view>
				<view>
					<u-image :src="require('@/static/share.jpg')" width="450" height="450"></u-image>
				</view>
				<view>
					<u-image :src="require('@/static/share.jpg')" width="100" height="100"></u-image>
					<view>长按图片进行识别</view>
				</view>
				<view>
					<u-image :src="require('@/static/share.jpg')" width="100" height="100"></u-image>
					<view>关注公众号可进行物流查询</view>
				</view>
				<view>
					<u-image :src="require('@/static/share.jpg')" width="100" height="100"></u-image>
					<view>关注公众号可进行积分兑换</view>
				</view>
				<view class="back">
					返回首页
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.showinfo {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #fff;
		z-index: 9999999;
		display: flex;
		align-items: center;
		justify-content: center;
	
		.content {
			width: 90%;
			height:100vh;
			padding:40rpx 0;
			box-sizing: border-box;
			background: #fff;
			overflow: scroll;
			font-size: 32rpx;
			font-weight: bold;
			text-align: center;
			>view{
				margin-bottom:20rpx;
			}
			u-image{
				display: inline-block;
				margin-top:30rpx;
			}
			.back{
				background-color: #A4ADB3;
				color: #fff;
				border-radius: 10rpx;
				padding: 10rpx 30rpx;
				margin: 20rpx auto;
				display: inline-block;
			}
		}
	}
</style>