【报Bug】nvue页面中无法flex布局。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10 教育版

HBuilderX类型：正式

HBuilderX版本号： 4.15

手机系统： Android

手机系统版本号： Android 9.0

手机厂商：雷电模拟器

手机机型：雷电模拟器

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<div class="bottom-btns" :style="{width:Screenwidth+'px'}">
<div class="demos" :style="{width:Screenwidth+'px'}">测试</div>
<div class="demos" :style="{width:Screenwidth+'px'}">测试</div>
<div class="demos" :style="{width:Screenwidth+'px'}">测试</div>
<div class="demos" :style="{width:Screenwidth+'px'}">测试</div>
</div>

.bottom-btns{
display: flex;
background: #09f;
}
.demos{
flex: 1;
text-align: center;
height: 40px;
line-height: 40px;
}

在nvue页面使用flex布局失效

2024-06-07 17:50 负责人:无分享

要回复问题请先登录或注册