Material Design中如何设计轮播答案

【问题标题】：How to design carousel in material designMaterial Design中如何设计轮播
【发布时间】：2018-06-26 05:05:18
【问题描述】：

我正在尝试在我的环境 Angular CLI: 6.0.5、Node: 10.1.0、OS: win32 x64、Angular: 6.0.3 中实现轮播，但我无法在 here 中找到用于设计轮播的文档，因为我是新手这个设计框架。我只想实现材料设计而不是引导程序或任何其他设计轮播的工具。是否有任何设计轮播的文档或任何设计轮播的解决方案？如何在 Angular 6 的材料设计中实现轮播？

【问题讨论】：

标签： angular typescript material-design carousel angular6

【解决方案1】：

在实施 carousal 之前，首先需要记住的是您的 最外层 div 的宽度被认为是 100% 和 2nd div 的宽度将为 100%* 轮播容器数，然后每个轮播自身的宽度将具有实际轮播数据将是 100%/容器数。

Please refer this example : https://codepen.io/nehatawar/pen/xzaVQa

您可以将这种类型的轮播集成到任何框架中。

【讨论】：