修改video预览封面

This commit is contained in:
杨航
2025-09-19 09:44:02 +08:00
parent b02af5b2db
commit d17f6e82d0
4 changed files with 181 additions and 166 deletions
+17 -1
View File
@@ -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%;