Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

refs #1766 Introduce vue-virtual-scroll in Search/Tag

This commit is contained in:
AkiraFukushima 2020-10-19 23:44:13 +09:00
parent e688cee974
commit 8353818492
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/TimelineSpace/Contents/Search/Tag.vue
View File

@ -1,8 +1,12 @@
<template> <template>
<div id="search_tag"> <div id="search_tag">
<template v-for="tag in results"> <DynamicScroller :items="results" :min-item-size="46" key-field="name" class="scroller" page-mode>
<tag :tag="tag"></tag> <template v-slot="{ item, index, active }">
<DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.name]" :data-index="index">
<tag :tag="item"></tag>
</DynamicScrollerItem>
</template> </template>
</DynamicScroller>
</div> </div>
</template> </template>
@ -18,7 +22,7 @@ export default {
results: state => state.results results: state => state.results
}) })
}, },
destroyed () { destroyed() {
this.$store.commit('TimelineSpace/Contents/Search/Tag/updateResults', []) this.$store.commit('TimelineSpace/Contents/Search/Tag/updateResults', [])
} }
} }