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

【报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

要回复问题请先登录注册