<template>
	<view class="pay-suc ">
		<view class="top-con font18">
			<view class="colorgr icon-ymt zhenque font22"></view>
			<view class="mart5">支付成功</view>
			<view class="mart5">¥<text class="fontwig6 font24">32.9</text></view>
			<view class="mart5 font16 color999">微信支付</view>
		</view>
		<view class="min-con color999 font18">
			<view class="">
				订单签收后奖励
			</view>
			<view class="">
				26积分
			</view>
		</view>
		<view class="bottom-con">
			<view class="btn1 btn">
				查看订单
			</view>
			<view class="btn2 btn">
				邀请有礼
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				payType:'',
			}
			
		},
		
		onLoad(option){
			this.payType=option.type
			console.log(option)
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
.pay-suc{
	.top-con{
		text-align: center;
		height: 25vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.colorgr{
		color: #5C9D41 !important;
	}
	
	.min-con{
		padding: 10px;
		width: 80%;
		margin: 0 auto;
		border-top:1px solid #f6f6f6;
		border-bottom:1px solid #f6f6f6;
		display: flex;
		justify-content: space-between;
	}
	
	.bottom-con{
		padding: 10px;
		width: 60%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		margin-top:20px;
		.btn{
			width: 45%;
			height: 40px;
			line-height: 40px;
			border-radius: 20px;
			text-align: center;
		}
		.btn1{
			border:1px solid #666666;
		}
		.btn2{
			border:1px solid #CD2C3C;
			color:#CD2C3C ;
		}
	}
}
</style>