frontend-app/pages/order_submit_ok/order_submit_ok.vue

<template>
	<view class="order_sumbit_ok_warp">
		<Header leftTitle="" left-path-type="switchTab" left-path="/pages/mine/mine"/>
		<view class="order_sumbit_ok_content_warp">
			<view class="ok_img">
				<up-image src="/static/product/ok.png" width="120" height="120" bgColor="#f1f6ff00"></up-image>
				<view class="ok_img_msg">支付成功</view>
			</view>
			<view class="ok_but" @click="jumpHome">确认</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header.vue';
	
	export default {
		components:{Header},
		data() {
			return {
				
			}
		},
		methods: {
			jumpHome(){
				uni.switchTab({
				    url: '/pages/home/home',
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.order_sumbit_ok_warp{
		height: calc(100vh - 80rpx);
		text-align: center;
		
		.order_sumbit_ok_content_warp{
			padding: 40rpx;
		}
		.ok_img{
			display: grid;
			.ok_img_msg{
				font-weight: bold;
				font-size: 36rpx;
				color: $app-bt-bj;
			}
		}
		.ok_but{
			margin-top: 100rpx;
			background: $app-bt-bj;
			border-radius: 16rpx;
			text-align: center;
			padding: 20rpx 0;
			height: 46rpx;
			color: #FFF;
		}
	}
</style>