如何在幻灯片部分的页面中隐藏底部零

Question

我正在尝试在 ionic 中制作滑块 framework.I 我能够让幻灯片用户能够左右滑动和不同的页面显示。但是在页面上有 zeros 显示 在页面底部。我需要隐藏那个零。用户向左滑动并在底部不显示零

你能告诉我如何隐藏那些零吗

<ion-slide-box active-slide="myActiveSlide">
  <ion-slide>
    <div class="box blue"><h1>BLUE</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box yellow"><h1>YELLOW</h1></div>
  </ion-slide>
  <ion-slide>
    <div class="box pink"><h1>PINK</h1></div>
  </ion-slide>
</ion-slide-box>

Answer 1

这可能是您的一些语法错误，但我假设您指的是三个圆形的页面指示符。添加此 css 以隐藏它们。

.slider-pager{
  display:none;
}

Answer 2

您可以通过 jQuery 实现，如

$(".slider-pager").hide();

或通过CSS作为

.slider-pager{display:none}

Answer 3

您不需要为此使用 jQuery 或 css。您可以直接在 ion-slide-box:

上隐藏寻呼机

<ion-slide-box active-slide="myActiveSlide" show-pager="false">

参见ionSlideBox docs。

如何在幻灯片部分的页面中隐藏底部零

how to hide bottom zero from page in slide part

javascript

css

angularjs

ionic-framework

ionic