6

在我的页面上，我有一个用于图像的离子滑块。由于在我的应用程序中用户将能够嵌入视频，我还应该将带有视频的 iframe 添加到同一个滑块中。这就是我的代码现在的样子：

这是我的html：

<ion-slide-box ng-if="slider.length > 1">
  <ion-slide ng-repeat="item in slider">
    <img ng-if="item.image" ng-src="{{ fileServer }}/imagecache/cover/{{ item.image }}" class="cover">
    <iframe ng-if="item.video" src="{{ item.video | safeUrl }}"></iframe>
  </ion-slide>
</ion-slide-box>

这仅适用于图像，但是当我有视频时，如果它们占据 100% 的宽度，我将无法滑动它们，这是我在我的 css 中设置的，我只能在它们的宽度小于该宽度并且如果我滑动它们仅在 iframe 不占用滑块空间的部分上滑动它们。由于我需要 iframe 占据 100% 的宽度，我想知道如何让它工作？

4

1 回答 1

1

您是否尝试过离子载玻片？

ion-slide-box 已弃用

ion-slide-box 将在下一个 Ionic 版本中删除，以支持新的 ion-slides 组件。不要依赖于这个小部件的内部行为。

于 2016-08-09T15:49:14.883 回答