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問題。您需要確保組件在那裏以初始化代碼。這是在我的情況造成麻煩;/