1***@qq.com
1***@qq.com
  • 发布:2024-10-14 18:26
  • 更新:2024-10-15 18:07
  • 阅读:93

【报Bug】waterfall组件和 refresh 编译出来一直有一条白线无法消除

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 4.29

手机系统: Android

手机系统版本号: Android 14

手机厂商: OPPO

手机机型: OPPO reno 10

页面类型: nvue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

App下载地址或H5⽹址: 有二维码 需要的话 可以提供

操作步骤:

向下滑动屏幕即可 安卓设备

预期结果:

没有白线

实际结果:

有白线

bug描述:

// 父组件  
 <waterfall class="plaza-list"  
                       column-count="4"  
                       :column-gap="10"  
                       :left-gap="sideGap"  
                       :right-gap="sideGap"  
                       show-scrollbar="false"  
                       enable-back-to-top="false"  
                       always-scrollable-vertical="true"  
                       loadmoreoffset="100"  
                       @loadmore="loadNext">  
              //  app-refresh-view 封装的子组件  经过反复测试 就是这个组件的问题  
                <app-refresh-view :load="load"/>  
                <cell  v-for="workShow in testArr" :key="workShow.id">  
                    <view class="test"> {{ workShow.id }} </view>  
                </cell>  
            </waterfall>
// 子组件  
<template>  
    <refresh :display="isRefreshing ? 'show' : 'hide'"  
             @refresh="onRefresh"  
             @pullingdown="onPullingDown"  
             userInteractionEnabled="false">  
        <view class="app-refresh-view" :style="styles.refresh">  
            <app-loading-animation v-if="refreshFlag" :show="refreshFlag" :size="iconSize" :white="iconWhite"/>  
        </view>  
    </refresh>  
</template>

一共两张图 一张是正常的 一张是往下滑动时 出现一条白线 触发非常简单

2024-10-14 18:26 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

下面二维码是app下载地址 安装后 点击第二个tab 到广场页 下拉即可复现

DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,我测试一下,有进展会同步到这里,这个有测试其他安卓设备和 ios 设备吗,这些设备展示如何

DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

我试了试基础的 demo,不包含任何样式的 refresh 不会有白条,需要你具体提供一下你的 app-loading-animation 是做啥的,或者你尝试给所有的 refresh 子组件设定 background/border 试试,定位到底是哪个样式影响了你。

我没有成功复现你的问题,提供更多信息,有助于定位和解答你的问题。

要回复问题请先登录注册