我需要有关构建下方 UI 的建议。这是一个类似旋转木马的结构,其中活跃的状态以绿色突出显示,我们仍然可以看到下一个状态被禁用或显示为灰色。
我已经为前任研究过这个。我可以使用任何旋转木马来适应这种设计,但似乎无法得出任何结论。也想到了 slider ,但没有看到适合这种设计。
伙计们,你们有什么建议或指示让我开始这里吗?我不需要代码;只想要一个起点。到目前为止,我坚持使用轮播或 slider 。 我知道这可能不是关于 SO 的最具建设性的问题,但我们将不胜感激任何指点。
最佳答案
很遗憾,您没有提供任何有关单击这些元素时会发生什么的信息。如果我理解正确的话,您正在寻找支持您自己的寻呼机设计的轮播。如果这是正确的,您必须先添加分页标记,之后您可以使用任何支持幻灯片切换方法的轮播。然后你可以为你的分页项添加点击事件监听器,并在监听器中调用切换方法,通过它设置一个新的幻灯片对应于分页器元素索引。
例如,你可以试试slick carousel ,因为它有 .slickGoTo() 方法,您可以使用它以编程方式切换幻灯片。您也可以尝试自定义 slick 的默认分页器,但这可能不是那么容易,甚至根本不可能。
关于css - 需要自定义轮播帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49948575/