.horViewStyle {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 80rpx;
        align-items: center;//垂直居中
        background-color: #4399FC;

    }

    .textHorStyle {
        display: flex;
        height: 60%;
        width: 100%;
        align-items: center;//适合单行显示的组件，垂直居中
        justify-content: center;//水平居中
        color: #FFFFFF;
        

    }

注意的点：要设置display为flex，

align-content也可以设置组件垂直居中，但适合多行文字显示的组件，垂直居中。