Ион-слайды пагинации пули перекрывают содержание слайдов [Ионные 4]

Question

Я все еще новичок в Ionic и хочу, чтобы слайды были на моей веб-странице. Я использовал ионы-слайды с pager = "true". Проблема в том, что пули нумерации страниц перекрывают содержимое слайдов. Я использовал элемент проверки для определения положения пуль. Похоже, что пули установлены как позиция: абсолютная. Я не знаю, как переопределить положение CSS, поскольку пули находятся в теневом DOM. Спасибо.

<ion-slides pager = "true">
   <ion-slide>
     <h1>Slide 1</h1>
   </ion-slide>
   <ion-slide>
     <h1>Slide 2</h1>
   </ion-slide>
   <ion-slide>
     <h1>Slide 3</h1>
   </ion-slide>
</ion-slides>

Answer 1

veriables.scss

   .swiper-pagination {
      bottom: 0px !important;
    }

вам нужно! Важно игнорировать предыдущий стиль или использовать класс id + для отмены стиля для хорошей практики https://marksheet.io/css-priority.html

Answer 2

Я столкнулся с этой проблемой один раз.Что я сделал, чтобы зафиксировал индикатор нумерации страниц в нижней части экрана, используя CSS

.swiper-pagination {
   position: fixed;
   bottom: 0px;
   padding-bottom: 3px;

}