修改video预览封面
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<view class="video-view-box" @click="showModelNow">
|
||||
|
||||
<imagePreviewVue :imgId="picId" class="preview-pic" v-if="picId"/>
|
||||
<imagePreviewVue :src="picSrc" class="preview-pic" v-if="picSrc"/>
|
||||
<view class="img-box">
|
||||
<image
|
||||
class="icon"
|
||||
@@ -29,13 +30,23 @@
|
||||
import { downloadFile,getPreviewFileUrl } from'@/api/common.js'
|
||||
import { useStorageStore } from "@/store/storage.js"
|
||||
import { get_base_url } from '@/api/request.js'
|
||||
import imagePreviewVue from './image-preview.vue'
|
||||
export default {
|
||||
name:"video-preview",
|
||||
components:{imagePreviewVue},
|
||||
props:{
|
||||
fileId:{
|
||||
default:'',
|
||||
type:String
|
||||
},
|
||||
picId:{
|
||||
default:'',
|
||||
type:String
|
||||
},
|
||||
picSrc:{
|
||||
default:'',
|
||||
type:String
|
||||
},
|
||||
src:{
|
||||
default:'',
|
||||
type:String
|
||||
@@ -154,6 +165,11 @@
|
||||
height: 100rpx;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.preview-pic{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.overlay-box .video-cont-center{
|
||||
width: 100vw;
|
||||
max-height: 100%;
|
||||
|
||||
Reference in New Issue
Block a user