如何在 ion-slide-box 上隐藏点

Question

<ion-slide-box active-slide="index">
 <ion-slide ng-repeat="photo in photoes">
     <img ng-src="{{photo.url}}">
 </ion-slide>
</ion-slide-box>

我不想让幻灯片显示要点。 如何实现？

有谁能告诉我吗？

Answer 1

我假设你指的是出现在滑块底部中心附近的 "pager" 圆圈。

如果是这样，您可以通过 CSS 隐藏它们。

.slider-pager { display:none; }

Answer 2

您可以使用

show-pager="false"

选项 ion-slide-box

<ion-slide-box show-pager="false" active-slide="index">
  <ion-slide ng-repeat="photo in photoes">
     <img ng-src="{{photo.url}}">  
  </ion-slide> 
</ion-slide-box>

Answer 3

在您的 CSS

中使用它

.slider-pager-page:only-of-type{
    display:none;
}