jjhjiyu
jjhjiyu
  • 发布:2021-03-26 14:13
  • 更新:2021-03-26 14:45
  • 阅读:827

【不是Bug】list中图片长列表引起页面异常卡顿

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOS Big Sur 11.1

HBuilderX类型: 正式

HBuilderX版本号: 3.1.4

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: 小米10 红米note7

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

下载打开我上传的demo项目即可体验

预期结果:

流畅滑动

实际结果:

非常卡顿!!!!!

bug描述:

展示商品详情,底部加载图片列表,nvue中页面变的非常卡顿,
补充一下iOS不会卡顿

2021-03-26 14:13 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

看了你的示例。list的cell使用的不对 应该对uni-cell v-for 而不是image。修改成如下:

<uni-list style="flex: 1;flex-direction: column;" :scroll-y="true">  
            <uni-cell v-for="(item,index) in imgList" :key="index">  
                <view style="background-color: #f3f3f3;margin-top: 24rpx;">  
                    <image  :fade-show="true" :lazy-load="true" mode="widthFix"  
                        :src="item"  :data-index="index"></image>  
                </view>  
            </uni-cell>  
        </uni-list>
  • jjhjiyu (作者)

    完美解决 是我傻逼了 感谢回复

    2021-03-26 15:25

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