如何增加从 flowbit-svelte 组件获取的轮播的大小？

Question

我目前正在开展一个需要 Carousel 的项目，因此我将 flowbit-svelte 集成到了我的 svelte 项目中。轮播工作正常，但我想增加组件的大小，它会将我的图像剪短并固定为一定大小，我已阅读 flowbit-svelte 轮播文档，但无法找到解决方案，请帮助我

<script>
    import { Carousel } from 'flowbite-svelte';
    import { scale } from 'svelte/transition';
    import { quintOut } from 'svelte/easing';

    const scaleAnimation = (x) => scale(x, { duration: 500, easing: quintOut });

    export let images = [];
</script>

<div class="carousel-container aspect-4/3 sm-h-full w-3/4 object-cover sm:w-full">
    <Carousel {images} transition={scaleAnimation} duration="7000" let:Controls let:Indicators>
        <Controls />
        <Indicators />
    </Carousel>
</div>

<style>
</style>

这是我的代码：
100%浏览器窗口大小时轮播的大小为：
200%浏览器窗口大小时轮播的大小为：

我希望以 100% 浏览器窗口大小显示 200% 大小，请帮忙

我预计要传递的 tailwind css 属性会发生变化，这将改变轮播以显示整个图像大小

Answer 1

尝试使用内联样式作为轮播组件的高度，如下所示 在轮播组件中添加内联样式