css - 自动设置 Ion-slide 样式宽度

Question

我最近将我的 Ionic 2 元素更新为 Ionic 3，对 ion-slides 的更改破坏了我的应用程序。

当应用加载时，在幻灯片的样式标签中设置了特定的宽度，这破坏了我的样式。

这是我的 HTML 中的内容:

<ion-slides pager>
  <ion-slide *ngFor="let image of offer.Gallery">
    <img [src]="image.Url"/>
  </ion-slide>
</ion-slides>

这是它的渲染方式:

<ion-slides pager="" class="slides slides-md slides-43" ng-reflect-pager="">
    <div class="swiper-container swiper-container-horizontal"><div class="swiper-wrapper">
        <ion-slide class="swiper-slide swiper-slide-active" style="width: 171px;">
            <div class="slide-zoom">
                <img src="IMG">
            </div>
        </ion-slide>
    </div>
    ... Pagination ...
</ion-slides>

您会注意到 ion-slide 标签以某种方式设置了 style="width: 171px;"。是什么原因造成的，有没有办法将其关闭？

Answer 1

您可以直接在 Ionic 3 中处理 ionic 标签!

一个更动态的解决方案是使用 unset 值。

试着在你的yourpage.scss中写:

ion-slide { 
width: unset !important;
}

它应该删除它!