如视频
攻城狮已经疯了
- 发布：2020-07-05 21:09
- 更新：2021-08-26 20:21
- 阅读：1831
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： Alpha
HBuilderX版本号： 2.8.0
手机系统： Android
手机系统版本号： Android 10
手机厂商： 三星
手机机型： A80
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
如视频
如视频
实际结果：
如视频
如视频
bug描述：
首页用nvue，跳转第二页也用nvue的话，页面内容就会消失，仅在华为P30和三星A80上面出现。
如果nvue是第三张页面，就不会发生这个事情。仅仅出现在第二张页面。
如上传视频。
后面我将那个页面所有内容删除，也会异常：进入页面1s左右后，导航栏内容会消失。
所以排除是内容的原因。
邓琪昌 - uni-app / uni-app-x 多平台多版本兼容的轻量、简洁、高效、全面的移动端组件库
老哥，这个问题解决了吗？我也遇到这个问题。
-
攻城狮已经疯了 (作者)
官方没有完全解决，我试出解决办法了，必要条件：
- 页面整体设置背景颜色background-color
- 闪烁的那个容器，如顶部分类栏，同上加上背景颜色
- 如果上面还有问题，用这个方法(当然最好一直用，仅仅适合有悬浮层需求情况)：悬浮层不要实际占位(要用绝对定位)，背后一定一定一定不要和其它容器重合(2者保持间距)， 基本大部分情况都是解决的。
2020-08-17 15:11
<template>
<div class="background-winback" :class="{'flex-auto-zoom':zoom}">
<div id="page">
<slot></slot>
<div :style="'height:' + bottom + 'px'"></div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
zoom: true,
bottom: 0
}
},
mounted() {
this.$nextTick(() => {
this.getZoomStatus()
})
},
methods:{
getZoomStatus() {
const systemInfo = uni.getSystemInfoSync()
this.bottom = systemInfo.safeAreaInsets.bottom + uni.upx2px(40)
this.$nextTick(() => {
uni.createSelectorQuery().in(this).select("#page").boundingClientRect().exec((data) => {
if(data[0].height > systemInfo.windowHeight) {
this.zoom = false
}
})
})
}
}
}
</script>
<style>
</style>
以上代码做一个组件，即可解决问题，在调试模式下会闪的特别严重，关闭调试模式就可以了
攻城狮已经疯了 (作者)
确实添加背景颜色这些组件的闪烁就解决了，但是这种感觉都不相关的bug，“谁又想得到呢…………”
2020-07-14 17:06
1***@qq.com
感谢分享，页面加个背景色就解决了闪烁的问题
2021-02-26 09:21