onShow() {
console.log(333)
setTimeout(() => {
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: "#cccccc",
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
}, 1500)
},
夏武依依
- 发布：2022-05-05 17:05
- 更新：2022-05-06 16:43
- 阅读：722
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.5.2
HBuilderX类型： 正式
HBuilderX版本号： 3.3.13
手机系统： Android
手机系统版本号： Android 10
手机厂商： vivo
手机机型： android
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
滚动底部，H5刷新，导航栏背景色就失效了
滚动底部，H5刷新，导航栏背景色就失效了
预期结果：
应该是滚动到特定位置，导航栏的实际颜色
应该是滚动到特定位置，导航栏的实际颜色
实际结果：
导航栏背景色失效
导航栏背景色失效
bug描述：
透明渐变样式，正常滚动没有问题，但是滚动到某个位置，刷新，导航栏背景色就失效了,官方给的demo ，也存在这样的问题：https://hellouniapp.dcloud.net.cn/pages/template/nav-transparent/nav-transparent
夏武依依 (作者)
希望 H5 这边也优化一下，目前必须在延迟的时间下滑才能看到背景色，如果进入页面立即下滑，就不显示背景色了，但是标题显示出来了
2022-05-06 17:33
DCloud_UNI_Anne
回复 夏武依依: 如果需要在页面进入时设置标题，可以在onReady内执行，以避免被框架内的修改所覆盖
2022-05-06 17:47
夏武依依 (作者)
回复 DCloud_UNI_Anne: 但是是要根据接口返回的颜色，进行渲染的
2022-05-06 17:52
DCloud_UNI_Anne
回复 夏武依依: 调整下延迟时间呢
2022-05-06 18:02
夏武依依 (作者)
回复 DCloud_UNI_Anne: 调整过了，但是延迟太短了，又不显示了
2022-05-06 18:04
夏武依依 (作者)
回复 夏武依依: 回复 DCloud_UNI_Anne: 调整了一下时间可以了，感谢，
2022-05-06 18:16
夏武依依 (作者)
回复 夏武依依: 回复 DCloud_UNI_Anne: 解决刷新问题就好
2022-05-06 18:16
夏武依依 (作者)
回复 DCloud_UNI_Anne: H5还是不行，app是没有问题的，就是H5
2022-05-06 18:22
夏武依依 (作者)
回复 夏武依依: 回复 DCloud_UNI_Anne: 时间太短，就被覆盖掉了
2022-05-06 18:23