Primeng Карусель не получает правильный стиль - PullRequest
Новая
       3

Primeng Карусель не получает правильный стиль

0 голосов
/ 27 октября 2019

У меня есть эта копия компонента карусели Primeng v8, но результат сильно отличается от его веб-сайта: 

<p-carousel dir="ltr" [value]="basicDataService.latestProducts"  [numVisible]="4">
    <ng-template let-product pTemplate="item">
        <div class="product-details">
            <div class="p-grid p-nogutter">
                <div class="p-col-12">
                    <img src="https://cdn.struffelproductions.com/file/cc0texturesimages/textures/Sphere/256/WoodFloor12.png" />
                </div>
                <div class="p-col-12 product-data">
                    <div class="product-title">{{product.name}}</div>
                    <div class="product-subtitle">{{product.description}}</div>

                    <div class="product-buttons">
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-search"></i></button>
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-star"></i></button>
                        <button pButton type="button" class="ui-button-secondary" ><i class="fa fa-cog"></i></button>
                    </div>
                </div>
            </div>
        </div>

    </ng-template>
  </p-carousel>

и результат (кнопки шеврона для навигации вправо и влево находятся над содержимым, но воригинал, кнопки расположены по бокам) выглядит так: enter image description here

...