Question

我想知道，我没有在Semantic UI中找到 carousel 组件。我觉得这是非常常见和有用的组成部分。

我知道一个选项OWL Carouse。我不想使用jQuery，但对于Semantic UI，我将只包含jQuery。我希望通过Angular实现的其他一些事情。

我需要知道可能的选项，而无需编写jQuery代码。

Answer 1

语义用户界面显然目前没有轮播模块，而且是open issue。

然而，该页面上有一些小片段可以达到您的目的。请参阅slick和Swiper。

Answer 2

这是另一种选择。

fotorama.io

Answer 3

是的，目前语义UI中没有轮播，但是您可以使用一些类似的卡，这是我发现最接近自举轮播的一种；

<div class="ui card">
  <div class="ui slide masked reveal image">
    <img src="/images/avatar/large/jenny.jpg" class="visible content">
    <img src="/images/avatar/large/elliot.jpg" class="hidden content">
  </div>
  <div class="content">
    <a class="header">Team Fu &amp; Hess</a>
    <div class="meta">
      <span class="date">Created in Sep 2014</span>
    </div>
  </div>
  <div class="extra content">
    <a>
      <i class="users icon"></i>
      2 Members
    </a>
  </div>
</div>

希望这会有所帮助，欢呼。

Answer 4

这是您可以在语义 ui 中创建课程的链接。 https://codesandbox.io/s/43pv7wm6n9

希望能帮到你。

语义UI中的轮播不可用

4 个答案: