<view class="list-container" @touchmove.stop @touch.stop>
<list @loadmore="scrolltolower" @scroll="scrollList" enableBackToTop scrollWithAnimation :showScrollbar="false"
class="list" v-if="dataList.length > 0" v-bind="customProps" :style="{height:height+'px'}" render-whole>
<!--解决无法下刷新bug -->
<!-- <cell><text></text></cell> -->
<cell ref="top">
<view class="topEmpty" :style="'height:' + topEmptyHeight"></view>
</cell>
<cell v-for="(item, index) in dataList" :key="keyName?item[keyName]:index">
<slot :item="item" :index="index"></slot>
</cell>
<!-- <cell>
<view class="load-tips">
<text class="end-text" v-if="dataList.length >= total">- - END - -</text>
<text class="loading-tips-text" v-else>加载中...</text>
</view>
</cell> -->
<cell ref="bottom" v-if="bottomEmptyHeight > 0">
<view :style="'height:' + bottomEmptyHeight"></view>
</cell>
</list>
<u-empty mode="search" :text="emptyText" icon="http://cdn.uviewui.com/uview/empty/search.png" width="320"
height="320" textSize="28" v-if="!dataList.length && isLoaded"></u-empty>
<u-back-top ref="u-back-top" :scroll-top="scrollTop" :top="showBackTopOffset" @click="topClick($event)"
customStyle="opacity: 0.7"></u-back-top>
</view>

- 发布:2023-10-18 09:35
- 更新:2023-10-18 09:35
- 阅读:342
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10 21H2
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
手机系统: Android
手机系统版本号: Android 13
手机厂商: 小米
手机机型: 红米K50
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
百分百复现
百分百复现
预期结果:
整体渲染
整体渲染
实际结果:
逐个渲染
逐个渲染
bug描述:
list 和 cell 配合使用,使用 render-whole 整体渲染,调试时真机、模拟器都有效。打包成安装包后无效,还是逐个渲染
0 个回复