子view在view区域中水平垂直居中

<template>
    <view>
		<view class="Center">
			<text style="background-color: #007AFF;">需要居中的内容</text>
			<text>居中内容</text>
			<text>居中内容</text>
			<text>居中内容</text>
		</view>
    </view>
</template>
<style>
	.Center{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: absolute;
	}
</style>

结果