不透明离子子弹，离子载玻片

Question

我的 ion-slides 在 scss 中有：

ion-slides {
    --bullet-background-active: rgb(4, 100, 52);  
    --bullet-background: rgb(255, 0, 0); 
}

问题是：如何更改非活动项目符号的默认不透明度？ 我要她在 1

Ionic CLI                     : 6.19.0
Ionic Framework               : @ionic/angular 6.0.4

Answer 1

那么你可以使用这种方式：

ion-slides ::ng-deep {
  .swiper-pagination.swiper-pagination-bullets {
    .swiper-pagination-bullet {
      background: green;
      opacity: 1;
      &.swiper-pagination-bullet-active {
        background: red;
        opacity: 0.8;
      }
    }
  }
}

所以绿色背景是非活动项目符号，红色背景是活动项目符号