在移动屏幕上使用 Splide 滑块和在较大屏幕上使用 Flexbox 布局时出现问题

Question

我使用 SplideJS 作为滑块，在重新设计中，我希望滑块仅在移动设备上显示，并在较大的屏幕上使用 Flexbox 布局。用断点销毁滑块很容易，问题是 Splide 会强制

splide_list

元素在初始化时具有

display: block

，然后覆盖 flex 设置。

由于 Splide 会强制结构

track > list > slide

，因此 Flex 类型必须位于列表元素上。

即使使用

destroy: 'completely

，它也会设置以下类别：

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

这一定是一个相当常见的场景，在销毁滑块时不被迫使用一个块元素来容纳所有项目？

任何提示将不胜感激！

我尝试使用断点设置将滑块设置为

destroy: true

和

destroy: 'completely'

，它会正常销毁，但 CSS 仍然强制

splide_list

成为块元素。我希望一旦滑块被破坏，它就不会在此元素上设置任何特定的

display

设置。

Answer 1

我会简单地覆盖 CSS 中

display

的

.splide.is-initialized:not(.is-active) .splide__list

设置，并且不要忘记添加

!important

语句。祝你好运。