必现
铁水
- 发布：2022-06-04 11:12
- 更新：2022-06-04 11:12
- 阅读：424
【报Bug】百度小程序纵向满屏需要给html,body 两个元素设定高度100%样式，但是uni会直接转成page，因此无法只能在编译完成后，重载修改百度小程序的代码再编译才行。
分类：uni-app
产品分类： uniapp/小程序/百度
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
第三方开发者工具版本号： 3.56.1
基础库版本号： 3.480.3
项目创建方式： HBuilderX
操作步骤：
预期结果：
在条件编译中的html,body 不要强制编译成page
在条件编译中的html,body 不要强制编译成page
实际结果：
在条件变异种的html，body强制转化成了page
在条件变异种的html，body强制转化成了page
bug描述：
在 app.vue 中给page设定样式，大部分小程序生效。只有百度小程序会忽略page按钮中的样式，比如：需要纵向满屏布局的小程序， 在百度小程序中无法实现。因为即使增加条件编译，也会将html,body强制转化成page。而且百度小程序不是忽略page，的样式，如果存在page，会错乱。所以必须把page元素的样式删除掉。
app.vue 的样式
<script>
...
</script>
<style>
//#ifndef MP-BAIDU
page{height:100%;} //此属性设置，在百度小程序中无效。（而且必须通过条件编译，保证在百度小程序中不能存在page元素的样式，否则，即使给html与body设置height:100%属性，也无效）
//#endif
//#ifdef MP-BAIDU
html,body{height:100%;} //此配置，编译时会变变成 page,page{height:100%;} 应该不变才行，否则必须去百度开发工具中重新修改编译后的样式。
//#endif
</style>
0 个回复