向下滑动屏幕即可 安卓设备
- 发布:2024-10-14 18:26
- 更新:2024-10-15 18:07
- 阅读:93
产品分类: 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>
一共两张图 一张是正常的 一张是往下滑动时 出现一条白线 触发非常简单
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信
感谢反馈,我测试一下,有进展会同步到这里,这个有测试其他安卓设备和 ios 设备吗,这些设备展示如何
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信
我试了试基础的 demo,不包含任何样式的 refresh 不会有白条,需要你具体提供一下你的 app-loading-animation 是做啥的,或者你尝试给所有的 refresh 子组件设定 background/border 试试,定位到底是哪个样式影响了你。
我没有成功复现你的问题,提供更多信息,有助于定位和解答你的问题。