uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。
uni-app nvue下面flex-wrap:wrap;换行后撑不开父容器,造成显示不全。
bug描述:
flex格式相同排版,vue模式下显示正常,nvue模式下,内容撑不起父容器。


示例代码:
<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年还没有修复?

