木四
木四
  • 发布:2019-10-09 10:40
  • 更新:2019-10-09 10:40
  • 阅读:944

【报Bug】2.3.3.20190923版本在tabBar页面相对页面底部使用绝对定位position:fixed时出现异常

分类:HBuilderX

详细问题描述

2.2.20190816正常
2.3.3.20190923异常
4.tabBar页面,为了在tabBar上方放置元素,使用了绝对定位,并动态设置该元素的bottom。安卓机型之前是相对页面底部定位,更新软件后,首次进入tabBar页面时,元素相对页面底部定位,切换页面再次进入,元素相对tabBar定位。ios测试正常,ios一直都是相对tabBar定位。

  1. 具体代码如下
<view class="footer" :style="{bottom:footerbottom}"></view>  
onLoad() {  
            switch (uni.getSystemInfoSync().platform) {  
                case 'android':  
                    this.footerbottom='112upx'  
                    break;  
                case 'ios':  
                    this.footerbottom='0'  
                    break;  
                default:  
                    this.footerbottom='112upx'  
                    break;  
            }  
        },  

.footer {  
        width: 92%;  
        padding: 0 4%;  
        background-color: #fbfbfb;  
        height: 100upx;  
        display: flex;  
        justify-content: space-between;  
        align-items: center;  
        font-size: 28upx;  
        position: fixed;  
        z-index: 5;  
        }

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]
1248214272@qq.com

2019-10-09 10:40 负责人:无 分享
已邀请:

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