<template>
<view class="content">
<list style="height: 500px;">
<refresh style="background-color: #fff;" @refresh="onrefresh" :display="refreshing ? 'show' : 'hide'"><text>Refreshing...</text></refresh>
<cell>
<div class="item" v-for="num in lists">
<text>{{ num }}</text>
</div>
</cell>
</list>
</view>
</template>
<script>
export default {
data() {
return {
refreshing: false,
lists: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
};
},
onLoad() {},
methods: {
onrefresh() {
this.refreshing = true;
setTimeout(() => {
this.refreshing = false;
}, 2000);
}
}
};
</script>
<style>
.content {
flex-direction: column;
align-items: center;
justify-content: center;
background-color: red;
}
.item {
background-color: #fff;
width: 750rpx;
height: 50px;
}
</style>
码农朱哲
- 发布：2021-01-04 09:44
- 更新：2021-01-04 14:21
- 阅读：539
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.3 (19D76)
HBuilderX类型： 正式
HBuilderX版本号： 3.0.4
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： Redmi Note9 Pro
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接运行以上代码即可复现
直接运行以上代码即可复现
预期结果：
android与iOS一致
android与iOS一致
实际结果：
android 多了1px空白间隙
android 多了1px空白间隙
bug描述：
nvue中使用list+ refresh，android存在1px间隙，与iOS不一致
