Nakano_Mei
Nakano_Mei
  • 发布:2022-08-20 11:12
  • 更新:2024-01-29 14:28
  • 阅读:519

【报Bug】APP端vue页面中cover-view的flex布局失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 20H2

HBuilderX类型: Alpha

HBuilderX版本号: 3.5.4

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: Redmi Note 9 Pro

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  

    <cover-view class="box">  
        <cover-view class="block" />  
        <cover-view class="block" />  
    </cover-view>  

</template>  

<style>  
.box {  
    height: 500rpx;  
    background-color: aquamarine;  
    display: flex;  
    flex-direction: row;  
}  
.block {  
    width: 50rpx;  
    height: 50rpx;  
    background-color: bisque;  
}  
.block:last-child {  
    background-color: blueviolet;  
}  
</style>

操作步骤:

新建uniapp项目,将示例代码复制到vue页面,运行到Android基座

预期结果:

flex布局生效,两个 block 元素横向排列

实际结果:

flex布局无效,两个 block 元素纵向排列

bug描述:

vue页面APP端 cover-view 组件的flex布局失效,h5端正常

2022-08-20 11:12 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

HBuilderX 3.5.5 alpha 已修复该问题

DCloud_UNI_WZF

DCloud_UNI_WZF

vue页面确认该问题,感谢反馈,已加分

1***@qq.com

1***@qq.com

怎么3.6.4版本还出现这个问题?

x***@163.com

x***@163.com

nvue页面使用cove-view使用flex布局也不生效

要回复问题请先登录注册