hs_hzl_uniapp_ml/pages/orderFood/ok.vue

<template>
	<view>
		<view class="okView">
			<u-icon name="checkbox-mark" color="#00b859" size="170"></u-icon>
			<u--text text="支付成功" size="26"></u--text>
		</view>
		<view style="height: 150px;"></view>
		<view style="width: 120px; color: #000000; border-radius: 5px; margin:0 auto">
			<u-button color="#e1e1e1" 
				@click="toHomePage()" text="返回主页"></u-button>
		</view>
	</view>
</template>

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

			}
		},
		methods: {
			toHomePage() {
				uni.reLaunch({
					url: '../home/index'
				})
			}
		}
	}
</script>

<style>
	.okView {
		background-color: #f0f0f0;
		border-radius: 20px;
		padding: 40px;
		height: 190px;
		width: 50%;
		margin: 0 auto;
		margin-top: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
</style>