在材料设计中如何设计轮播
[英]How to design carousel in material design
问题描述
I am trying to implement carousel in my environment Angular CLI: 6.0.5 , Node: 10.1.0 , OS: win32 x64 , Angular: 6.0.3 and I am not been able to find the document for designing the carousel in here as I am new to this design framework. 
我正在尝试在我的环境中实现轮播Angular CLI: 6.0.5 ， Node: 10.1.0 ， OS: win32 x64 ， Angular: 6.0.3 ，我无法在此处找到用于设计轮播的文档是这个设计框架的新手。 I just want to implement only material design not the bootstrap or any other tool to design carousel. 我只想只实现材质设计，而不要实现自举或其他任何设计轮播的工具。 Is there any document for designing carousel or any solution for designing carousel? 是否有任何设计旋转木马的文件或任何设计旋转木马的解决方案？ How can I implement carousel in material design in Angular 6? 如何在Angular 6的材料设计中实现轮播？
1 个解决方案
解决方案1
0 2018-06-26 06:34:34
Before implementing carousal you first thing that need to be keep in mind is your outer most div's width is considered of 100% and 2nd div will have the width as 100%*number of carousal containers and then the each carousal self width which will have actual carousal data will be 100%/number of containers . 在实施Carousal之前，您要记住的第一件事是，您的最外面的div的宽度被认为是100％ ， 第二 div的宽度应为100％* Carousal容器的数量，然后每个Carousal自身的宽度将具有实际值轮播数据将为100％/容器数 。
Please refer this example : https://codepen.io/nehatawar/pen/xzaVQa
You can integrate this type of carousal in any framework. 您可以将这种类型的carousal集成到任何框架中。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.