愤怒的洋芋蛋蛋
愤怒的洋芋蛋蛋
  • 发布:2022-06-21 14:52
  • 更新:2022-06-21 15:40
  • 阅读:185

【报Bug】nvue页面 隐藏TabBar会影响到flex

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win 10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: mi 8

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="content">
<!-- <image class="logo" src="/static/logo.png"></image> -->
<div class="btn" @tap="bug()"><text class="text">点击测试</text></div>
<div class="demo">
<image class="logo" mode="widthFix" src="/static/logo.png"></image>
</div>
</view>
</template>

<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {

    },  
    methods: {  
        bug(){  
            uni.hideTabBar() //隐藏TabBar  
            setTimeout(()=>{   //设置延迟执行  
                uni.showTabBar()  
            },2000);  
        }  
    }  
}  

</script>

<style lang="scss">
.btn{
width:550rpx;
height:90rpx;
margin-left:100rpx;
background-color:#000;
text-align: center;
.text{
line-height:90rpx;
color:#fff;
font-size:40rpx;
text-align: center;
}
}
.demo{
width:670rpx;
margin-left:40rpx;
margin-top:100rpx;
background-color:#ccc;
display:flex;
flex-direction:row;
.logo{
flex:1;
}
}
</style>

操作步骤:

先进入bug页面 然后点击最上边的按钮

预期结果:

预期结果应该和正常页面(vue页面)一样的

实际结果:

flex 异常

bug描述:

在nvue页面下 首先使用 flex-direction:row; 定义一行 然后里面 图片使用 flex:1 此时 图片正常填充满父标签

然后使用uni.hideTabBar() 隐藏TabBar 后就会出现bug

2022-06-21 14:52 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

请升级至HBuilderX3.4.17-alpha版本试下,如果还有问题提供简单可复现的完整示例(上传附件),方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

该问题目前已经被锁定, 无法添加新回复