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

Question

我正在尝试在离子框架中制作滑块。我能够让幻灯片用户能够左右滑动和不同的页面显示。但是在页面底部有零显示。我需要隐藏零.user向左滑动并在底部写入没有显示零的

你可以告诉我如何隐藏那个零

http://codepen.io/anon/pen/vOErVd

<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或css。您可以直接在ion-slide-box上隐藏寻呼机：

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

请参阅ionSlideBox docs。

Answer 3

您可以通过 jQuery 实现

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

或 CSS 为

.slider-pager{display:none}