Ionic 3 coverflow实现

时间:2017-07-18 11:52:23

标签: javascript ionic-framework coverflow

大家好我正在研究离子3应用。我需要这样的封面流程:react coverflow

我搜索了很多地方,但找不到离子2或以上的地方。我也试过了一个" jquery coverflow"和" swiper"但我不知道如何从javascript文件调用函数。

任何人都可以帮助我 1.进口和使用离子2或以上的Swiper。 2.不使用npm导入和使用javascript文件。

提前致谢。

2 个答案:

答案 0 :(得分:0)

您可以使用Ionic自己的离子载玻片。因为它构建在Swiper之上,所以您可以传递其文档中的每个选项。你应该看看它。有关使用离子幻灯片的更多信息,请查看Slides documentation

答案 1 :(得分:0)

Joeri是对的,你可以使用离子滑片。请在此代码中查看内联文档:https://github.com/ionic-team/ionic/blob/master/src/components/slides/slides.ts

具体行:137及以后。

您需要实施的内容(封面流程)可以通过高级选项进行配置。

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

有关如何启用高级功能的信息,请参阅Ionic文档: https://ionicframework.com/docs/api/components/slides/Slides/#advanced

小提示: 现在,一旦您将在组件中执行代码以便能够使用这些列出的方法,请注意,如果您的幻灯片组件被包装到诸如ngIfetc之类的指令中 - 您可能会遇到问题,幻灯片的ChildView是"未定义" 。您需要确保组件在那里初始化代码。这在我的案例中引起了麻烦; /