|
我采用 grid-view 可以解决卡顿 就是安卓还是报错 Not found jsId to $_updateCell or cur element is unsupport $_updateCell. at avm.js:1
<view class="page">
<grid-view
column-count="1"
cell-type-key="cellType"
id="listView"
class="main"
lower-threshold="10"
onscrolltoupper={this.onscrolltoupper}
onscrolltolower={this.onscrolltolower}>
<cell class="cell" cell-type="0">
<!-- 文字 -->
<view class="isme-view">
<view class="content-view">
<rich-text nodes={this.formateText(item)}></rich-text>
</view>
<view class="head-image-view">
<image
class="head-image"
src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
/>
</view>
</view>
</cell>
<cell class="cell" cell-type="1">
<!-- 图片 -->
<view class="isme-view">
<view>
<image class="msg-image" v-bind:src="item.msg" />
</view>
<view class="head-image-view">
<image
class="head-image"
src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
/>
</view>
</view>
</cell>
<!-- 不是我发的 -->
<!-- 文字 -->
<cell class="cell" cell-type="500">
<view class="not-isme-view">
<view class="head-image-view">
<image
class="head-image"
src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
/>
</view>
<view class="not-isme-content-view">
<rich-text class="rich-text" nodes={this.formateText(item)}></rich-text>
</view>
</view>
</cell>
<!-- 图片 -->
<cell class="cell" cell-type="501">
<view class="not-isme-view">
<view class="head-image-view">
<image
class="head-image"
src="https://img1**.**/it/u=170057959,363604964&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
/>
</view>
<view>
<image class="not-isme-msg-image" v-bind:src="item.msg" />
</view>
</view>
</cell>
<list-footer class="footer">
<text>加载中...</text>
</list-footer>
</grid-view>
</view>
/*
*@ discribe 初始化数据
*@ zuthor zk
*@ create-time: 2022-06-20 14:31:03*/
let list = DB.chat_history_group.getPageByGroupNumber(_this.data.pageNum, 100, 38788484);
_this.data.msgList = list;
// Utils.log(_this.data.msgList)
listView.load({
data: _this.data.msgList
});
onscrolltolower() {
console.log("滚动到底部/右边时触发");
let _this = this;
if (!_this.data.isTop) {
_this.data.isTop = true;
_this.data.pageNum += 1;
setTimeout(function () {
let list = DB.chat_history_group.getPageByGroupNumber(_this.data.pageNum, 13, 38788484);
if (list.length == 0) {
return
};
console.log(_this.data.msgList.length)
document.getElementById('listView').insert({
data: list,
index: _this.data.msgList.length
})
_this.data.msgList = _this.data.msgList.concat(list);
_this.data.isTop = false;
}, 500)
}
},
|
|