2020-08-24 19:50:03 +00:00
|
|
|
<template>
|
|
|
|
<div
|
|
|
|
v-observe-visibility="firstScreen ? false : {
|
|
|
|
callback: onVisibilityChanged,
|
|
|
|
once: true,
|
|
|
|
}"
|
2020-08-25 18:13:25 +00:00
|
|
|
:class="{
|
|
|
|
grid: layout === 'grid',
|
|
|
|
list: layout === 'list'
|
|
|
|
}"
|
2020-08-24 19:50:03 +00:00
|
|
|
>
|
|
|
|
<ft-list-channel
|
|
|
|
v-if="data.type === 'channel' && visible"
|
|
|
|
:appearance="appearance"
|
|
|
|
:data="data"
|
|
|
|
/>
|
|
|
|
<ft-list-video
|
|
|
|
v-if="(data.type === 'video' || data.type === 'shortVideo') && visible"
|
|
|
|
:appearance="appearance"
|
|
|
|
:data="data"
|
|
|
|
/>
|
|
|
|
<ft-list-playlist
|
2020-08-24 23:12:38 +00:00
|
|
|
v-if="data.type === 'playlist' && visible"
|
2020-08-24 19:50:03 +00:00
|
|
|
:appearance="appearance"
|
|
|
|
:data="data"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./ft-list-lazy-wrapper.js" />
|
|
|
|
<style scoped src="./ft-list-lazy-wrapper.css" />
|