Ionic 3 coverflow实现

Question

大家好，我正在开发离子3应用程序。我需要像这样的覆盖流程：react coverflow

我已经搜索了很多地方，但找不到离子2或以上的地方。我也尝试了“jQuery封面流”和“sw”“，但我不知道如何从JavaScript文件调用函数。

任何一个都可以帮到我 1.进口和使用Swiper离子2或以上。 2.导入并使用JavaScript文件而不使用npm。

在此先感谢。

Answer 1

您可以使用Ionic自己的离子载玻片。而且由于它建立在Swiper之上，因此您可以传递其文档中的所有选项。你应该看看它。有关使用离子幻灯片的更多信息请参阅Slides documentation。

Answer 2

Joeri是正确的，你可以使用离子幻灯片。检查此代码中的内联文档：https://github.com/ionic-team/ionic/blob/master/src/components/slides/slides.ts

特定行：137及以后。

您需要实现的功能（coverflow）可以通过高级选项进行配置。

检查行221-225 - 您需要的设置在那里。

参考离子文档了解如何启用高级功能： https://ionicframework.com/docs/api/components/slides/Slides/#advanced

小提示： 现在，一旦你会做的代码在您的组件能够使用这些列出的方法要注意，如果你的幻灯片组件被包装成指令，如ngIfetc - 您可能会遇到SlideView为“未定义”的ChildView问题。您需要确保组件在那里以初始化代码。这是在我的情况造成麻烦;/