我正在開發一個旋轉木馬,但我希望指標不會是線條,我希望指標是小點。答案在 css 檔案中,但我不知道如何使用它,我想我必須創建一個 css 類,但我不確定,你能幫我嗎?我留下了一個像參考資料、我正在使用的代碼以及我正在使用的輪播檔案的影像。提前致謝。
這是影像:

這是代碼:
<p-carousel [value]="products" [numVisible]="3" [numScroll]="3" [circular]="false" [responsiveOptions]="responsiveOptions" class="I`m not sure if this declaration is OK">
<ng-template pTemplate="header">
</ng-template>
<ng-template let-product pTemplate="item">
<div class="product-item">
<div class="product-item-content">
<div class="p-mb-3">
<img src="assets/showcase/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
</div>
<div>
<h4 class="p-mb-1">{{product.name}}</h4>
<h6 class="p-mt-0 p-mb-3">${{product.price}}</h6>
<span [class]="'product-badge status-' product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
<div class="car-buttons p-mt-5">
<p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"></p-button>
<p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"></p-button>
</div>
</div>
</div>
</div>
</ng-template>
</p-carousel>
檔案:
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/353058.html
