Hello.
I am developing an administration area and blog articles will be listed by the Virtual List. However, in the test I make 30 lines, when he reaches the end he jumps lines and then gives tilts. Has anyone ever had a similar problem?
Estou desenvolvendo uma área de administração e as matérias do blog serão listadas pela Virtual List. Porém, nos teste que faço de 30 linhas, quando chega no final ele dá um pulo de linhas e depois fica dando tilts. Alguém já passou por algum problema parecido?
var virtualList = app.virtualList.create({
// List Element
el: '.virtual-list',
// Pass array with items
items: items,
// createUl: false,
// Custom search function for searchbar
searchAll: function (query, items) {
var found = [];
for (var i = 0; i < items.length; i++) {
if (items[i].title.toLowerCase().indexOf(query.toLowerCase()) >= 0 || query.trim() === '') found.push(i);
}
return found;
},
itemTemplate:
// '<ul>' +
'<li>' +
'<a href="/editar-post/" class="item-link item-content">' +
'<div class="item-inner">' +
'<div class="row" >' +
'<div class="col-100 tablet-100 desktop-30 alinhar-centro">' +
'<img src="http://pinegrow.com/placeholders/img13.jpg" class="imagem-lista"/>' +
'</div>' +
'<div class="col-100 tablet-100 desktop-70">' +
'<div class="row">' +
'<div class="col-100 tablet-100 desktop-100">' +
'<div class="item-title"><h2>{{title}}</h2></div>' +
'</div>' +
'</div>' +
'<div class="item-subtitle">{{subtitle}}</div>' +
'<br><hr>' +
'<span class="publicado-em">Publicado em: 15/08/2018</span> ' +
'<span class="publicado-em">Categoria: Top Dicas</span> ' +
'</div>' +
'</div>' +
'</div>' +
'</a>' +
'</li>',
// '</ul>',
// Item height
height: app.theme === 'ios' ? 63 : 73,
});
Any help will be very welcome.