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