<template>
	<!-- 支付结果 -->
	<view style="background: #fff;height: 100vh;">
		<view class="u-row-center" style="display: flex;align-items: center;flex-direction: column;">
			<image src="/pageA/static/images/success.png" style="width: 70rpx;height: 70rpx;margin-top: 152rpx;"
				mode=""></image>
			<view class="success">{{i18n.Paymentsuccess}}</view>
			<view class="order">{{i18n.MyOrder}}</view>
			<view class="look" @click="orderinfo">{{i18n.Vieworder}}</view>
			<view class="index" @click="toindex">{{i18n.Backtohomepage}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		computed: {
			i18n() {
				return this.$t('index')
			}
		},
		methods: {  
			orderinfo() {  
				uni.reLaunch({
					url: '/pageC/orderForm/orderForm'
				})
			},  
			toindex() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.success {
		font-family: PingFangTC, PingFangTC;
		font-weight: 600;
		font-size: 32rpx;
		color: #222222;
		line-height: 44rpx;
		text-align: left;
		font-style: normal;
		margin-top: 32rpx;
	}

	.order {
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #222222;
		line-height: 34rpx;  
		text-align: left;
		font-style: normal;
		margin-top: 16rpx;
	}

	.look {
		width: 310rpx;
		height: 84rpx;
		background: #F83224;
		border-radius: 42rpx;
		margin-top: 100rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		line-height: 84rpx;
		text-align: center;
		font-style: normal;
	}

	.index {
		width: 310rpx;
		height: 84rpx;
		border-radius: 42rpx;
		border: 2rpx solid rgba(151, 151, 151, 0.2);
		margin-top: 36rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		line-height: 84rpx;
		text-align: center;
		font-style: normal;
	}
</style>