【报Bug】在android10以上版本, mate30 oppo reno3 pro 5G目前这两个手机都是列表显示异常忽然显示忽然隐藏, 页面闪烁,

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 2.8.0

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型：华为mate30, oppo reno3 pro 5G

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

App下载地址或H5⽹址： https://www.pgyer.com/lightpink

示例代码：

<template>  
    <view class="content">  
        <!-- <navigation-bar :isback="true" title="我的优服" /> -->  

        <div style=" height: 1rpx; width: 750rpx; box-shadow: 0 10rpx 10rpx 10rpx #f2f2f2;  
          margin-bottom: 34rpx; background-color: #ffffff;"></div>  

        <empty  v-if="data.length <= 0"></empty>  
        <div class="item_" v-for="(item,index) in data" :key="index" @click="detail(item.url, item.id)">  
            <image class="item_cover" :src="item.image"/>  

            <text class="item_title">{{item.text}}</text>  

            <image class="right" src="/static/image/right999.png"></image>  
        </div>  

    </view>         
</template>  

<script>  

    import empty from "@/components/empty.nvue";  
    import navigationBar from "@/components/navigation-bar.nvue";  
    import axios from '@/util/request.js'  
    export default {  
        components: { navigationBar, empty },  
        data() {  
            return {  
                data: []  
            };  
        },  
        onLoad() {  
            let status = this.$store.state.status === '' ? uni.getStorageSync("status") : this.$store.state.status;  
            console.log(status)  
            if(status){  
                this.data = [  
                    {  
                        image: "/static/image/server/per.png",  
                        text: "人事外包",  
                        url: "./bossFeedback?status=1&title=人事外包",  
                        id: 1  
                    },  
                    {  
                        image: "/static/image/server/pro.png",  
                        text: "项目外包",  
                        url: "./bossFeedback?status=2&title=项目外包",  
                        id: 2  
                    },  
                    {  
                        image: "/static/image/server/mana.png",  
                        text: "管理咨询",  
                        url: "./bossFeedback?status=3&title=管理咨询",  
                        id: 3  
                    }  
                ]  
            } else {  
                this.data = [  
                    {  
                        image: "/static/image/server/part.png",  
                        text: "我的兼职",  
                        url: "./myPartTime?type=1",  
                        id: 10002  
                    },  
                    {  
                        image: "/static/image/server/infor.png",  
                        text: "兼职反馈",  
                        url: "./feedback?type=1",  
                        id: 10002  
                    },  
                    {  
                        image: "/static/image/server/ques.png",  
                        text: "我的咨询",  
                        url: "./myQuestion?type=1",  
                        id: 10002  
                    },  
                    {  
                        image: "/static/image/server/pei.png",  
                        text: "我的培训",  
                        url: "./myTrain?type=1",  
                        id: 10002  
                    }  
                ]  
            }  
        },  
        methods: {  
            detail(url,id) {  
                console.log(url)  
                uni.navigateTo({  
                    url: url+"&id="+id  
                })  
            }  
        }  
    }  
</script>  

<style>  
    .content {   
        align-items: center; }  

    .item_ {   
        position: relative;  
        width: 690rpx; height: 148rpx;  
        flex-direction: row;  
        justify-content: flex-start;  
        align-items: center;  
        border-bottom-width: 1rpx;  
        border-bottom-style: solid;  
        border-bottom-color: #d8d5d5; }  
        .item_cover {   
            width: 80rpx; height: 80rpx;  
            border-radius: 40rpx;  
            margin-right: 30rpx; }  
        .item_title {   
            line-height: 80rpx; text-align: left;  
            font-size: 28rpx; color: #333333; }  
        .right  {   
            position: absolute;  
            right: 0; top: 59rpx;  
            width: 36rpx; height: 36rpx; }  
        .item_:active { opacity: 0.8; }  

    .shadow {   
        height: 1rpx; width: 750rpx;  
        box-shadow: 0 10rpx 10rpx 10rpx #f2f2f2;  
        margin-bottom: 34rpx;  
        background-color: #ffffff;  }  

</style>

操作步骤：

在android10以上版本, mate30 oppo reno3 pro 5G目前这两个都是这问题, 可提供源码, 真机还是打成的包都异常

预期结果：

在android10以上版本, mate30 oppo reno3 pro 5G目前这两个都是这问题, 可提供源码, 真机还是打成的包都异常

实际结果：

在android10以上版本, mate30 oppo reno3 pro 5G目前这两个都是这问题, 可提供源码, 真机还是打成的包都异常

bug描述：

进入页面, 只要是请求来的数据忽然显示悍忽然不显示, 有些时候在onload做的一些本地数据处理也出现, 主要出现在android10版本及以上, 目前出问题的为华为mate30 oppo reno3 pro 5G, 苹果系列和安卓10以下的正常

2020-07-08 14:43 负责人:无分享

4 个回复

破晓君

在 mate30 我也遇到这个bug

ipink (作者)

nvue页面吗?

2020-07-13 14:39
破晓君

回复 ipink: 我找了半天终于找到原因是因为 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); 导致我页面一直闪烁我不知道你那边什么情况

2020-07-13 14:42