xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

H5高度展示

Browse Source
This commit is contained in:
北枳 2025-09-23 17:54:22 +08:00
parent ec7e118bd6
commit bf6917f5e8
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/pages/work-flow/H5MediaViewer.tsx
View File

@ -164,7 +164,9 @@ export function H5MediaViewer({
// 渲染视频 slide // 渲染视频 slide
const renderVideoSlides = () => ( const renderVideoSlides = () => (
<div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg"> <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
height: 'calc(100vh - 20rem)',
}}>
<Carousel <Carousel
ref={carouselRef} ref={carouselRef}
key={`h5-carousel-video-${stage}-${videoUrls.length}`} key={`h5-carousel-video-${stage}-${videoUrls.length}`}
@ -223,7 +225,7 @@ export function H5MediaViewer({
</> </>
) : ( ) : (
<div className="w-full aspect-auto min-h-[200px] flex items-center justify-center bg-black/10 relative" data-alt="video-status" style={{ <div className="w-full aspect-auto min-h-[200px] flex items-center justify-center bg-black/10 relative" data-alt="video-status" style={{
maxHeight: 'calc(100vh - 20rem)', height: 'calc(100vh - 20rem)',
}}> }}>
{status === 0 && ( {status === 0 && (
<span className="text-blue-500 text-base">Generating...</span> <span className="text-blue-500 text-base">Generating...</span>
@ -248,7 +250,9 @@ export function H5MediaViewer({
// 渲染图片 slide // 渲染图片 slide
const renderImageSlides = () => ( const renderImageSlides = () => (
<div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg"> <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
height: 'calc(100vh - 20rem)',
}}>
<Carousel <Carousel
ref={carouselRef} ref={carouselRef}
key={`h5-carousel-image-${stage}-${imageUrls.length}`} key={`h5-carousel-image-${stage}-${imageUrls.length}`}