Ionic 不透明度离子弹，离子幻灯片

ss2ws0br 于 2022-12-08 发布在 Ionic

关注(0)|答案(1)|浏览(147)

我的离子幻灯片在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

ionic-framework

来源：https://stackoverflow.com/questions/73072148/opacity-ion-bullet-ion-slides

1条答案

按热度按时间

bmp9r5qi1#

你可以用这样的方法：

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;
      }
    }
  }
}

因此绿色背景为非活动项目符号，红色背景为活动项目符号

赞(0）回复(0）举报 2022-12-08

我来回答

Ionic 不透明度离子弹，离子幻灯片

1条答案

相关问题

热门标签

最新问答