Angular 9转盘ngx引导程序

Question

<旋转木马[isAnimed]="；真"；pauseOnFocus＝"；真"；showIndicators＝"；false"；ng重复＝"；幻灯片中的幻灯片">

</slide>
<slide>
<img src="assets/img/2.jpg" alt="" style="display: block; width: 100%;">
</slide>
<slide>
<img src="assets/img/3.jpg" alt="" style="display: block; width: 100%;">
</slide>
<slide>
<img src="assets/img/4.jpg" alt="" style="display: block; width: 100%;">
</slide>
<slide>
<img src="assets/img/5.jpg" alt="" style="display: block; width: 100%;">
</slide>

我想更改指标。有可能改变指示器的形状和位置吗？

Answer 1

您可以按照自己想要的方式设置转盘的任何样式。要么有一个特定的引导程序主题，要么只是为引导程序特定的类添加css并添加或覆盖样式。这里的重要部分是，您需要将其作为全局css表的一部分。

.carousel-indicators li {
height: 30px;
border-radius: 50%;
}

如果你想把指示器从实际的转盘中移出，你可以这样做：

.carousel-indicators {
bottom: -20px;
}

如果你想根本不显示指标，你可以做：

.carousel-indicators {
display: none;
}

只需摆弄css值，就可以获得想要实现的结果。

您可能需要在css值上使用!important来覆盖现有的ngx引导程序样式

Answer 2

使用！之前很重要；在全局样式页中登录任何CSS语句。