You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
<!-- 装修图文组件：视频播放 -->
|
|
|
|
|
|
<template>
|
|
|
|
|
|
<su-video
|
|
|
|
|
|
class="sss"
|
|
|
|
|
|
:uid="guid()"
|
|
|
|
|
|
:src="sheep.$url.cdn(data.videoUrl)"
|
|
|
|
|
|
:poster="sheep.$url.cdn(data.posterUrl)"
|
|
|
|
|
|
:height="styles.height * 2"
|
|
|
|
|
|
:autoplay="data.autoplay"
|
|
|
|
|
|
></su-video>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
|
import sheep from '@/sheep';
|
|
|
|
|
|
import { guid } from '@/sheep/helper';
|
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
|
data: {
|
|
|
|
|
|
type: Object,
|
|
|
|
|
|
default() {},
|
|
|
|
|
|
},
|
|
|
|
|
|
styles: {
|
|
|
|
|
|
type: Object,
|
|
|
|
|
|
default() {},
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
.sss {
|
|
|
|
|
|
z-index: -100;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
