如何隐藏离子幻灯片寻呼机？

Question

我使用记录here的ion-slide指令，但找不到隐藏寻呼机的方法。我尝试将寻呼机属性设置为：

<ion-slides options="myOptions" pager="false" slider="mySlide[item.id]">

然而，这不起作用，寻呼机项目符号仍在显示。

是否可以隐藏离子幻灯片寻呼机，如果是这样 - 如何？

Answer 1

官方解决方案：

header

Answer 2

只需在css：

中添加此内容即可

.swiper-pagination-bullet{
   background:white!important;
   border-radius: 100%;
   height: 17px;   
   width: 17px;
   display: none;
}

希望这有帮助

Answer 3

如果要将这些幻灯片添加到ion-slide-box，您可以：

show-pager="false"

<{1>}上的

。有关详细信息，请参阅文档。

您也可以通过css隐藏它们，如：

ion-slide-box

Answer 4

只需删除pager即可。

示例：

<ion-slides pager loop autoplay="1500" class="auto_height"> ...

刚刚放入（没有“寻呼机”）：

<ion-slides loop autoplay="1500" class="auto_height"> ...

Answer 5

我正在寻找这个问题的解决方案。我从2天开始就对此工作..但没有。你解决了这个问题吗？我添加了.slider-pager {display：none;但点仍然存在！

Answer 6

可能你可以这样做;

paginationType: 'custom',
paginationBulletRender: function (index, className) {
     return '';
}

这比pagination:false

更好