<template>  
  <hbb-scroll list :id="id" :bounce="false" :fix-freezing="true">  
    <cell :style="{ height: headerHeight }">  
      <view class="status-bar" :style="{ height: statusBarHeight }" v-if="show" />  
      <view class="head">  
        <text>{{ headerHeight }}</text>  
      </view>  
    </cell>  
    <cell :style="{ height: pageHeight }">  
      <view class="tabs" @appear="show = true" @disappear="show = false"/>  
      <hbb-scroll ref="page" waterfall :bounce="false" :fix-freezing="true">  
        <header style="height:24rpx"></header>  
        <cell v-for="idx in 20" :key="idx">  
          <text class="card">{{ idx }}</text>  
        </cell>  
      </hbb-scroll>  
    </cell>  
  </hbb-scroll>  
</template>  
<script>  
  import HbbScroll from '../../components/hbb-scroll.vue'  
  export default {  
    components:{  
      HbbScroll  
    },  
    data() {  
      const sys = uni.getSystemInfoSync()  
      return {  
        id: 'main',  
        show: false,  
        pageHeight: sys.windowHeight - sys.statusBarHeight,  
        headerHeight: sys.screenHeight,  
        statusBarHeight: sys.statusBarHeight,  
      }  
    },  
    onReady() {  
      this.$refs.page.setEffects(this.id, this.headerHeight)  
    },  
  }  
</script>  
<style lang="scss" scoped>  
.status-bar {  
  position: fixed;  
  top: 0;  
  right: 0;  
  left: 0;  
  background: white;  
}  
.head {  
  flex: 1;  
  align-items: center;  
  justify-content: center;  
  background: rgba(green, 0.1);  
}  
.tabs {  
  height: 88rpx;  
  background: rgba(red, 0.1);  
}  
.card {  
  width: 328rpx;  
  height: 328rpx;  
  margin-bottom: 24rpx;  
  line-height: 328rpx;  
  text-align: center;  
  background: white;  
  border-radius: 20rpx;  
}  
</style> 
                                        
                                    
                                    - 发布:2021-09-29 10:22
- 更新:2021-10-15 16:43
- 阅读:1187
【报Bug】HBuilder 3.2.9 且 iOS 15 时,list 下的 cell 在滚动时绘制异常,而且list-swiper-waterfall 在滚动的时候 waterfall 会整个白屏
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS Big Sur 11.6
手机系统: iOS
手机系统版本号: IOS 14
手机厂商: 模拟器
手机机型: iPhone 12
页面类型: nvue
打包方式: 云端
项目创建方式: CLI
CLI版本号: 2.0.0-32920210927001
示例代码:
                                    
                                    
                                         
                                
                                                                                                操作步骤:
                                    
                                        iOS15 模拟器运行 
                                     
                                
                                                                                                iOS15 模拟器运行
预期结果:
                                    
                                    
                                        渲染正常
                                     
                                
                                                                                                渲染正常
实际结果:
                                    
                                    
                                        渲染异常
                                     
                                
                                                            渲染异常
bug描述:
HBuilder 3.2.9 且 iOS 15 时
- list 下的 cell 在滚动时绘制异常
- list-swiper-waterfall 在滚动的时候 waterfall 会整个白屏
示例代码中,移除了部分信息,但是整体意思应该清楚的,和代码没关系。应该是list还有waterfall有问题
 
                                                                                                                                                                                                                                                             
                                                                                                                                                                                                                                                                                                 
             
             
             
			 
                                                                    


 
                                                                    