祝三枝
祝三枝
  • 发布:2020-08-27 14:43
  • 更新:2021-02-24 10:41
  • 阅读:1365

【报Bug】refresh组件上面有一条白边,且无法覆盖

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.8

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 荣耀30S

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
  <view class="page">  
    <view  class="status-bar center" >status bar</view>  
    <list class="list_view">  
      <refresh class="refresh center" :display="display" @refresh="onrefresh" @pullingdown="onpullingdown">refreshing</refresh>  
      <cell class="header center">header</cell>  
      <cell class="center" v-for="i in 50">======={{i}}=======</cell>  
    </list>  
  </view>  
</template>  

<script>  
  export default {  
    data() {  
      return {  
      display: 'hide'  
      };  
    },  
    methods: {  
      onrefresh() {  
        this.display = "hide"  
      },  
      onpullingdown() {  
        this.display = "show"  
      }  
    }  
  }  
</script>  

<style lang="scss">  
  .status-bar {  
    width: 750rpx;  
    height: 40px;  
    background-color: #007AFF;  
    // border-bottom-color: #000;  
    // border-bottom-width: 1px;  
    // border-style: solid;  
  }  
  .page {  
    flex: 1;  
  }  
  .list_view {  
    flex: 1;  
  }  
  .refresh {  
    background-color: #007AFF;  
  }  
  .header {  
    height: 40px;  
    background-color: #007AFF;  
  }  
  .center {  
    justify-content: center;  
    align-items: center;  
  }  
</style>  

操作步骤:

HBuilderX -> 新建默认 uniapp项目 -> 新建 index.nvue页面

预期结果:

在nvue页面,list组件下的 refresh组件 不需要白边

实际结果:

在nvue页面,list组件下的 refresh组件 上面有一条白边

bug描述:

在nvue页面,list组件下的 refresh组件 上面有一条无法消除的白边,且无法用其他组件覆盖。

2020-08-27 14:43 负责人:DCloud_Android_ST 分享
已邀请:
1***@qq.com

1***@qq.com - 90IT

暂时给list 组件加上 style="margin-top: -4rpx;" 解决吧

a***@163.com

a***@163.com

我也发现这个问题了。是新版的出问题吗。

DCloud_UNI_Anne

DCloud_UNI_Anne

问题已验证,已加分,感谢您的反馈!

DCloud_Android_ST

DCloud_Android_ST

HX3.0.7已修复

choin

choin

修复了? 为何我的还是有一个缝隙?

DCloud_Android_ST

DCloud_Android_ST

设置refresh背景色与list背景色一致即可

  • choin

    老铁,https://ask.dcloud.net.cn/question/117521 咋样啊

    2021-02-24 11:28

  • 雨夜敬清秋

    好的

    2021-02-24 11:51

该问题目前已经被锁定, 无法添加新回复