nuxt-swiper 中不同宽度的滑动

Question

我使用了 nuxt-swiper，我正在尝试创建一个包含不同宽度幻灯片的旋转木马。 nuxt-swiper 组件自动设置幻灯片的宽度。但是，我需要不同宽度的幻灯片，因此我使用了 !important CSS 属性来修改每张幻灯片的宽度。这种方法已被证明是有效的，如下图所示：

遗憾的是，当用户到达最后一张幻灯片时，轮播并没有结束，它允许用户滑动到预期的端点之外，我认为这是我所做的CSS属性修改造成的。但是，我不确定如何通过替代方法达到预期的结果。我希望在用户得出结论时获得有关如何结束轮播的指导。

我曾尝试使用 :slides-per-view="auto" 属性，但它没有产生预期的结果，并且与默认值 :slides-per-view="1" 的工作方式相同。我也尝试过 :width="600" 属性，但它使轮播没有响应。建立一个根据用户显示计算“:width”值的函数是否可行？如果是这样，我不确定要使用的适当算法。非常感谢您提供的任何帮助。