<template>
	<view class="payResult">
		<u-icon name="checkmark-circle-fill" :color="vuex_theme.bgColor" style="margin-top: 50rpx;" size="100"></u-icon>
		<view>支付成功</view>
		<u-button  shape="circle" :custom-style="customStyle" style="margin-top: 50rpx;" @click="goback">返回</u-button>
	</view>
</template>

<script>
	let goldPlan = require('@/utils/jgoldplan-1.0.0.js');
	export default {
		data() {
			return {
				customStyle: {
					color: 'white',
					background: "#E72226",
					width: '200rpx',
					margin: '10rpx',
					height:"60rpx",
					fontSize:"26rpx"
				}
			}
		},
		onLoad(options) {
			console.log("商品小票",options)
			this.customStyle.background = this.vuex_theme.bgColor;
		},
		onReady() {
			let mchData = {
				action: 'onIframeReady',
				displayStyle: 'SHOW_CUSTOM_PAGE'
			};
			let postData = JSON.stringify(mchData);
			parent.postMessage(postData, 'https://payapp.weixin.qq.com');
		},
		
		methods: {
			goback() {
				let mchData = {
					action: 'jumpOut',
					jumpOutUrl: decodeURIComponent(this.vuex_redirect_url) //跳转的页面
				}				
				var postData = JSON.stringify(mchData);
				parent.postMessage(postData, 'https://payapp.weixin.qq.com')
			}
		}
	}
</script>

<style lang="scss">
.payResult{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	width: 100vw;
	height: 100vh;
}
</style>
