<template>
	<view>
		<text class="iconfont iconpayok i-iconpayok"></text>
		<text class="pay-ok-title">付款成功</text>
		<text class="moeny">{{ money }}元</text>
		<navigator class="pay-ok" open-type="exit" target="miniProgram" @click="close">完成</navigator>
	</view>
</template>

<script>
	
	document.title = '支付结果'
	
	export default {
		data() {
			return {
				money: 0
			}
		},
		onLoad(val) {
			this.money = val.money
		},
		methods: {
			close(){
				window.AlipayJSBridge.call('closeWebview')
			}
		}
	}
</script>

<style>
	
	.i-iconpayok {
		width: 329.16upx;
		height: 218.75upx;
		font-size: 239.58upx;
		margin-top: 164.58upx;
		margin-left: 225upx;
		color: #68D751;
		float: left;
	}
	
	.pay-ok-title {
		width: 750upx;
		height:77.08upx;
		font-size:54.16upx;
		font-family:PingFangSC-Semibold;
		font-weight:600;
		color:rgba(0,0,0,1);
		line-height:77.08upx;
		text-align: center;
		float: left;
		margin-top: 25upx;
	}
	
	.moeny {
		width: 750upx;
		font-size:58.33upx;
		font-family:PingFangSC-Regular;
		font-weight:400;
		color:rgba(0,0,0,1);
		line-height:83.33upx;
		float: left;
		margin-top: 58.33upx;
		text-align: center;
	}
	
	.pay-ok {
		width:354.16upx;
		height:93.75upx;
		background:rgba(104,215,81,1);
		border-radius:52.08upx;
		margin-top: 108.33upx;
		margin-left: 197.91upx;
		float: left;
		font-size:37.5upx;
		font-family:PingFangSC-Regular;
		font-weight:400;
		color:rgba(255,255,255,1);
		line-height:93.75upx;
		text-align: center;
	}

</style>
