You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
paopao-ce/web/src/components/post-video.vue

26 lines
690 B

<template>
<div v-if="props.videos.length > 0">
<n-grid :x-gap="4" :y-gap="4" :cols="full ? 1 : 5">
<n-gi :span="full ? 1 : 3">
<paopao-video-player @click.stop v-for="video in props.videos" :key="video.id" :src="video.content"
:colors="['#18a058', '#2aca75']" :hoverable="true" theme="gradient" />
</n-gi>
</n-grid>
</div>
</template>
<script setup lang="ts">
import PaopaoVideoPlayer from 'paopao-video-player';
const props = withDefaults(
defineProps<{
videos: Item.PostItemProps[];
full?: boolean;
}>(),
{
videos: () => [],
full: false,
}
);
</script>