forked from 77media/video-flow
H5高度展示
This commit is contained in:
parent
ec7e118bd6
commit
bf6917f5e8
@ -164,7 +164,9 @@ export function H5MediaViewer({
|
||||
|
||||
// 渲染视频 slide
|
||||
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
|
||||
ref={carouselRef}
|
||||
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={{
|
||||
maxHeight: 'calc(100vh - 20rem)',
|
||||
height: 'calc(100vh - 20rem)',
|
||||
}}>
|
||||
{status === 0 && (
|
||||
<span className="text-blue-500 text-base">Generating...</span>
|
||||
@ -248,7 +250,9 @@ export function H5MediaViewer({
|
||||
|
||||
// 渲染图片 slide
|
||||
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
|
||||
ref={carouselRef}
|
||||
key={`h5-carousel-image-${stage}-${imageUrls.length}`}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user