- 发布:2022-06-21 14:52
- 更新:2022-06-21 15:40
- 阅读:117
产品分类: 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页面 然后点击最上边的按钮
先进入bug页面 然后点击最上边的按钮
预期结果:
预期结果应该和正常页面(vue页面)一样的
预期结果应该和正常页面(vue页面)一样的
实际结果:
flex 异常
flex 异常
bug描述:
在nvue页面下 首先使用 flex-direction:row; 定义一行 然后里面 图片使用 flex:1 此时 图片正常填充满父标签
然后使用uni.hideTabBar() 隐藏TabBar 后就会出现bug
1 个回复
DCloud_UNI_Anne
请升级至HBuilderX3.4.17-alpha版本试下,如果还有问题提供简单可复现的完整示例(上传附件),方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139