nvue 父元素 flex 子元素 flex: 1; text 下的文本不占位置

<template>  
    <view class="bubble" :class="messageInfo.flow === 'out' ? 'bubble__mine' : ''">  
        <!-- 文本类型消息 -->  
        <view v-if="messageInfo.type === TIM.TYPES.MSG_TEXT" class="bubble__text bubble__style"  
         :class="messageInfo.flow === 'out' ? 'bubble__style--mine' : 'bubble__style--default'">  
            <text class="bubble__text--text">士大夫是酒店房间送士大夫是酒店房间送士大夫是酒店房间送士大夫是酒店房间送</text>  
        </view>  
    </view>  
</template>  

<style lang="scss" scoped>  
.bubble {  
    width: sizing(519);  
    @include flex(row);  
    &__style {  
        border-radius: sizing(20);  
        &--default {  
            background-color: #ffffff;  
            border-top-left-radius: 0;  
        }  
        &--mine {  
            background-color: #CFDFFF;  
            border-top-right-radius: 0;  
        }  
    }  
    &__text {  
        flex: 1;  
        padding: sizing(15) sizing(20);  
        &--text {  
            color: #333;  
            font-size: sizing(30);  
        }  
    }  
}  
</style>