我想用内置md-card构建旋转木马/滑块,而不是图像或视频。 md卡虽然可以有一个图像,视频。
我遇到的最好的例子是Google的Snapping Carousel,它显示了可水平滚动的推文的结果。
我还发现忍者滑块很有帮助,也很有效。问题是,它不适用于我想要包含它的项目,它需要许可证。它也没有显示任何错误,但也不起作用。这是the codepen和下面的图片。
然后,我尝试使用Bootstrap的轮播,但它显示了一个指令控制器错误,我已经应用了所有可能的解决方案而没有成功的结果。然后我使用Bootstrap's Angular Carousel我认为它有自己的错误,因为它有时根本不起作用,当它发生时,它永远不会无缝。
最后,我遇到Flickity并且它也完成了这项工作。 Here is the codepen。
<div class="carousel js-flickity">
<div class="carousel-cell">
<md-content class="md-padding" layout-xs="column" layout="row">
最接近Google的方式是什么(如上所示)? 另外,我不想在这里使用jQuery(如果可能的话)。 PS:我已经删除了codepen链接,原因很明显。