<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>
![Nakano_Mei](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/52/59/45_avatar_mid.jpg?v=0)
- 发布:2022-08-20 11:12
- 更新:2024-01-29 14:28
- 阅读:697
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 20H2
HBuilderX类型: Alpha
HBuilderX版本号: 3.5.4
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: Redmi Note 9 Pro
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
新建uniapp项目,将示例代码复制到vue页面,运行到Android基座
新建uniapp项目,将示例代码复制到vue页面,运行到Android基座
预期结果:
flex布局生效,两个 block
元素横向排列
flex布局生效,两个 block
元素横向排列
实际结果:
flex布局无效,两个 block
元素纵向排列
flex布局无效,两个 block
元素纵向排列
bug描述:
vue页面APP端 cover-view 组件的flex布局失效,h5端正常
4 个回复
DCloud_UNI_WZF
HBuilderX 3.5.5 alpha 已修复该问题
DCloud_UNI_WZF
vue页面确认该问题,感谢反馈,已加分
1***@qq.com
怎么3.6.4版本还出现这个问题?
x***@163.com
nvue页面使用cove-view使用flex布局也不生效