perf: 优化可见消息列表

This commit is contained in:
kuaifan 2023-08-03 17:11:57 +08:00
parent defd0d2361
commit f0d4aa324e
3 changed files with 6 additions and 1 deletions

View File

@ -68,7 +68,7 @@
"vue-resize-observer": "^2.0.16", "vue-resize-observer": "^2.0.16",
"vue-router": "^3.6.5", "vue-router": "^3.6.5",
"vue-template-compiler": "~2.6.14", "vue-template-compiler": "~2.6.14",
"vue-virtual-scroll-list-hi": "^2.3.4-6", "vue-virtual-scroll-list-hi": "^2.3.5-3",
"vuedraggable": "^2.24.3", "vuedraggable": "^2.24.3",
"vuex": "^3.6.2" "vuex": "^3.6.2"
}, },

View File

@ -146,6 +146,7 @@
<VirtualList <VirtualList
ref="scroller" ref="scroller"
class="dialog-scroller scrollbar-virtual" class="dialog-scroller scrollbar-virtual"
item-inactive-class="inactive"
:class="scrollerClass" :class="scrollerClass"
:data-key="'id'" :data-key="'id'"
:data-sources="allMsgs" :data-sources="allMsgs"

View File

@ -424,6 +424,10 @@
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.inactive {
visibility: hidden;
}
.dialog-item { .dialog-item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;