添加了title

This commit is contained in:
luyuan 2020-11-17 16:50:28 +08:00
parent bff5eef8fa
commit 9f75d4a2f8
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
2 changed files with 16 additions and 4 deletions

View File

@ -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){

View File

@ -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>