<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
- 阅读:1031
【报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有问题