mirror of https://github.com/rocboss/paopao-ce
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.
33 lines
837 B
33 lines
837 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">
|
|
<n-video
|
|
@click.stop
|
|
v-for="video in props.videos"
|
|
:key="video.id"
|
|
:src="video.content"
|
|
:colors="['#18a058', '#2aca75']"
|
|
:hoverable="true"
|
|
theme="gradient"
|
|
></n-video>
|
|
</n-gi>
|
|
</n-grid>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { reactive } from 'vue';
|
|
import NVideo from 'nonesir-video';
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
videos: Item.PostItemProps[];
|
|
full?: boolean;
|
|
}>(),
|
|
{
|
|
videos: () => [],
|
|
full: false,
|
|
}
|
|
);
|
|
</script> |