uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。

uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。

bug描述:

flex格式相同排版,vue模式下显示正常,nvue模式下,内容撑不起父容器。

img
img

示例代码:

<template>  
    <view class="main-box">  
        <view class="head-box">  
            <text >111</text>  
        </view>  
        <view class="option-box">  
            <text class="option">恭喜发财呀</text>  
            <text class="option">恭喜发财呀</text>  
            <text class="option">恭喜发财呀</text>  
            <text class="option">恭喜发财呀</text>  
            <text class="option">恭喜发财呀</text>  
        </view>  
    </view>  
</template>  

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

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .main-box{  
        display: flex;  
        flex-direction: row;  
        background-color: #007AFF;   
    }  
    .head-box{  
        display: flex;  
        flex-direction: column;  
        background-color: #E43D33;  
        width: 80px;  
    }  
    .option-box{  
        display: flex;  
        flex-direction: row;  
        flex-wrap: wrap;  
        flex: 1;  
    }  
    .option{  
        margin: 0px 5px  5px 0px;   
        border: 1px solid rgba(200, 200, 200, 1);  
        color:rgba(107, 107, 107, 1);  
        border-radius: 15px;  
        padding: 3px 16px 3px 16px;  
    }  

</style>  

更多关于uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

我尼玛,这bug到今年还没修复

更多关于uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这bug怎么还没解决

还没解决艹了

25年还没有修复?

回到顶部