Masonry JS показывает только один столбец в Ionic 4 - PullRequest
Новая
       16

Masonry JS показывает только один столбец в Ionic 4

0 голосов
/ 31 мая 2019

Я использую Masonry-js в моем проекте, но он показывает только один столбец.Я попробовал плагин NgxMasonry, и он работает, но ему нужно слишком много времени для построения сетки.

.ts 

import Masonry from 'masonry-layout'

ngAfterViewInit() {
    var elem = document.querySelector('.masonry');
    var msnry = new Masonry( elem, {
        // options
        itemSelector: '.eventItem',
        columnWidth: 180
    });
}

.html 

<div class="masonry">
    <div class="eventItem" *ngFor="let item of eventsList"
        /...
    </div>
</div>

.scss 

.masonry{
    width: 100%;

    .eventItem{
        width: 48%;
    }
}
...