.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
给瞎子道歉
- 发布：2020-09-27 14:13
- 更新：2020-09-27 22:33
- 阅读：974
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10 家庭版
HBuilderX类型： Alpha
HBuilderX版本号： 2.9.0
浏览器平台： Chrome
项目创建方式： HBuilderX
示例代码：
操作步骤：
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
预期结果：
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
实际结果：
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
bug描述：
.buttom {
position: fixed;
left: 0;
bottom: var(--window-bottom);
width: 100%;
display: flex;
flex-direction: row;
background-color: #FFFFFF;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
height: 120rpx;
}
4 个回复
最佳回复
DCloud_heavensoft
2.9.1版已修复
DCloud_UNI_GSQ
直接测试未复现问题，能否具体描述一下
给瞎子道歉 (作者)
你好，我是在底部tab上悬浮一个购物车结算的按钮，在升级新版本之后它就没有浮动到tab上面（代码未做任何修改），切换回上个版本就浮动上去了，H5端，在内部模拟器上模拟的
2020-09-27 16:02
给瞎子道歉 (作者)
您具体看下我下面的图片，我现在给您上传
2020-09-27 16:03
DCloud_UNI_GSQ
回复 给瞎子道歉: 是HBuilderX内置的浏览器异常，而Chrome正常吗？
2020-09-27 16:04
给瞎子道歉 (作者)
回复 DCloud_UNI_GSQ: 是滴
2020-09-27 16:08
给瞎子道歉 (作者) - 给瞎子道歉
如图所示
DCloud_UNI_GSQ
bug 确认，已加分，马上修复