添加了title
This commit is contained in:
parent
bff5eef8fa
commit
9f75d4a2f8
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="video">
|
<div class="video">
|
||||||
|
<div class="title">{{title}}</div>
|
||||||
<video style="width:100%; height:100%;" :id="'a' + url" ></video>
|
<video style="width:100%; height:100%;" :id="'a' + url" ></video>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -10,12 +10,21 @@
|
|||||||
height: 563px;
|
height: 563px;
|
||||||
border-radius: 17px;
|
border-radius: 17px;
|
||||||
background: white;
|
background: white;
|
||||||
|
position: relative;
|
||||||
// background-color: #0f0;
|
// background-color: #0f0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
>video{
|
>video{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
.title{
|
||||||
|
position: absolute;
|
||||||
|
top: 23px;
|
||||||
|
left: 51px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
@ -25,8 +34,11 @@ import { onBeforeRouteLeave, useRouter } from 'vue-router';
|
|||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
props:{
|
props:{
|
||||||
url:{
|
url: {
|
||||||
type:String
|
type: String
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setup(props, ctx){
|
setup(props, ctx){
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="videoinfo">
|
<div class="videoinfo">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<VideoPlay :url="result.fileid"></VideoPlay>
|
<VideoPlay :title="result.title" :url="result.fileid"></VideoPlay>
|
||||||
<VideoCont :videoid="result.videoid" :yuanyin="result.statusdesc" :date="result.createdAt" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
|
<VideoCont :videoid="result.videoid" :yuanyin="result.statusdesc" :date="result.createdAt" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
|
||||||
</div>
|
</div>
|
||||||
<VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>
|
<VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>
|
||||||
|
Loading…
Reference in New Issue
Block a user