1***@139.com
1***@139.com
  • 发布:2024-06-07 17:50
  • 更新:2024-06-07 17:50
  • 阅读:235

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

分类:uni-app

产品分类: 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页面,想把div固定在屏幕最下方。

预期结果:

无法flex布局固定顶部的div以及按钮

实际结果:

无法flex布局固定顶部的div以及按钮

bug描述:

在nvue页面使用flex布局失效

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

要回复问题请先登录注册