uniapp内部元素设置垂直居中

废话不多说，直接上代码

<template>
    <view class="center">
        <view style="background-color: blue">居中文字</view>
    </view>
</template>
<style>
    .center {
        flex: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: red;
    }
</style>