Question

我试图制作自定义轮播，在中间显示3个带可点击项目的项目 something like this lul!

即时通讯在我的角度5项目中使用ngx-carousel，我已经让旋转木马显示了3个项目，但我很困惑，让中间变得更大，可点击一些事件。

这是我的HTML代码：

<ngx-carousel [inputs]="carouselTileOne" (carouselLoad)="carouselTileOneLoad()">
<ngx-tile NgxCarouselItem >
    <div class="wBg">
        <div class="tile" [style.background]="'url(' + tile + ')'">
            <img class="img-responsive" src="../../assets/images/img-product (3).png" alt="">
        </div>
    </div>
</ngx-tile>
<ngx-tile NgxCarouselItem>
    <div class="wBg">
        <div class="tile" [style.background]="'url(' + tile + ')'">
            <img class="img-responsive" src="../../assets/images/img-product (3).png" alt="">
        </div>    
    </div>
</ngx-tile>
<ngx-tile NgxCarouselItem>
    <div class="wBg">
        <div class="tile" [style.background]="'url(' + tile + ')'">
            <img class="img-responsive" src="../../assets/images/img-product (3).png" alt="">
        </div>      
    </div>
</ngx-tile>
<ngx-tile NgxCarouselItem>
    <div class="wBg">
        <div class="tile" [style.background]="'url(' + tile + ')'">
            <img class="img-responsive" src="../../assets/images/img-product (3).png" alt="">
        </div>
    </div>
</ngx-tile>
<i NgxCarouselPrev class="leftRs fa fa-chevron-left fa-3x" aria-hidden="true"></i>
<i NgxCarouselNext class="rightRs fa fa-chevron-right fa-3x" aria-hidden="true"></i>

和component.ts即时通讯使用此处的演示文件ngx-carousel demo component.ts

任何消化都应该怎么办？或者给我另一个参考。

角度5 ngx-carousel，中心有效项目

0 个答案: