uni-app nvue <waterfall>组件里使用<refresh>在深色背景下出现白线问题

uni-app nvue <waterfall>组件里使用<refresh>在深色背景下出现白线问题

项目信息 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10家庭版
HBuilderX类型 正式
HBuilderX版本号 3.1.18
手机系统 Android
手机系统版本号 Android 7.0
手机厂商 模拟器
手机机型 模拟器
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

见附件

预期结果：

没有白线

实际结果：

有白线

bug描述：

nvue <waterfall>组件里面使用<refresh>在深色背景下会有一条白线，不知道是我不会使用还是咋地，反正右边就有一条白线。


更多关于uni-app nvue <waterfall>组件里使用<refresh>在深色背景下出现白线问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

refresh设置background 与 你配置的底色一直就可以了

更多关于uni-app nvue <waterfall>组件里使用<refresh>在深色背景下出现白线问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的nvue组件渲染问题。在深色背景下，<refresh>组件与<waterfall>结合使用时，由于渲染层级和背景色处理机制，会在右侧出现1px的白线。

解决方案：

  1. 设置背景色统一：为<waterfall>组件和其父容器设置相同的深色背景色，确保颜色一致。

  2. 使用CSS覆盖：为<refresh>组件添加样式，强制覆盖默认边框或阴影：

    .refresh-container {
    background-color: transparent;
    border: none;
}
回到顶部