Fix lazy wrapper's height in list mode
This commit is contained in:
parent
781e971357
commit
4dba586e09
|
@ -8,6 +8,7 @@
|
|||
appearance="result"
|
||||
:data="result"
|
||||
:first-screen="index < 16"
|
||||
:layout="listType"
|
||||
/>
|
||||
</ft-auto-grid>
|
||||
</template>
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
.lazyWrapper {
|
||||
.grid {
|
||||
min-height: 264px;
|
||||
}
|
||||
|
||||
.list {
|
||||
min-height: 131px;
|
||||
}
|
||||
|
|
|
@ -22,6 +22,10 @@ export default Vue.extend({
|
|||
firstScreen: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
},
|
||||
layout: {
|
||||
type: String,
|
||||
default: 'grid'
|
||||
}
|
||||
},
|
||||
data: function () {
|
||||
|
|
|
@ -4,7 +4,10 @@
|
|||
callback: onVisibilityChanged,
|
||||
once: true,
|
||||
}"
|
||||
class="lazyWrapper"
|
||||
:class="{
|
||||
grid: layout === 'grid',
|
||||
list: layout === 'list'
|
||||
}"
|
||||
>
|
||||
<ft-list-channel
|
||||
v-if="data.type === 'channel' && visible"
|
||||
|
|
Loading…
Reference in New Issue