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