Ionic-2 – Folien so ändern Sie die Paginierung Fortschritt Farbe?

Habe ich schieben wo ich die paginationStyle="progress" wie kann ich die Farbe der progressbar?

<ion-slides #exercisesSlider pager paginationType="progress">

Könnte jemand mir eine Möglichkeit zum ändern der Farbe der progressbar?

InformationsquelleAutor Sireini | 2017-06-01



2 Replies
  1. 2

    Ionic verwendet Swiper API-Folien. So können Sie mit Klassennamen swiper-pagination-progress und swiper-pagination-progressbar wie diese:

    .swiper-pagination-progress .swiper-pagination-progressbar {
      background:red;
    }
    
    • Sie brauchen nur „.swiper-Paginierung .swiper-Paginierung-progressbar“ für die Regel und der zweiten Hälfte ändert sich je nach Art des pager (zB .swiper-Paginierung-Kugel für Kugeln/default)
  2. 0

    Einfach und vielleicht offensichtliche follow-up aus der Antwort von @Surya Teja . Wenn Sie trennen die Klassen, die Sie Steuern können, welche Farbe für jeden Teil des Balkens.

    .swiper.pagination-progress {
        background-color: red
    }
    .swiper-pagination-progressbar {
        background-color: white
    }
    

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.