29 lines
681 B
Vue
29 lines
681 B
Vue
|
<template>
|
||
|
|
<div
|
||
|
|
v-observe-visibility="firstScreen ? false : {
|
||
|
|
callback: onVisibilityChanged,
|
||
|
|
once: true,
|
||
|
|
}"
|
||
|
|
class="lazyWrapper"
|
||
|
|
>
|
||
|
|
<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
|
||
|
|
v-if="data.type === 'playlist' && visilbe"
|
||
|
|
:appearance="appearance"
|
||
|
|
:data="data"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script src="./ft-list-lazy-wrapper.js" />
|
||
|
|
<style scoped src="./ft-list-lazy-wrapper.css" />
|