function getWorkShopPlugins(type) {
var name = $('#searchKey').val();
if (type == 'init') {
page = 1;
pageSize = 10;
}
if (type == 'loadmore') {
page++;
}
var data = {
name: name,
page: page,
pageSize: pageSize
};
$.ajax({
type: 'Post',
url: '/WorkShop/GetWorkShopPlugins',
data: data,
success: function (res) {
if (res.success) {
var html = '';
for (var i = 0; i < res.data.length; i++) {
var item = res.data[i];
html += '<div class="col-lg-3 col-md-6 col-sm-12 mb-4 grid-item">';
html += '<div class="card h-100">';
html += '<img class="card-img-top" style="width: 50px;margin:10px auto;" src="' + item.pavatar + '" alt="插件名称 1">';
html += '<div class="card-body">';
html += '<h5 class="card-title">' + item.pnickname + '</h5>';
html += '<p class="card-text">' + item.pfunctioninfo + '</p>';
html += '<p class="card-text"><span>价格:</span><span style="color:#f2c044" class="plugin_price">' + item.pluginprice + '</span></p>';
html += '<div class="d-flex justify-content-center">';
html += `<a href="#" class="btn btn-primary" style="margin-right:10px;" onclick="insertPlugin(` + item.id + `,'` + item.pluginprice + `')">安装</a>`;
html += '<a href="#" class="btn btn-secondary" onclick="seePlugin(' + item.id + ')">查看</a>';
html += '</div>';
html += '</div>';
html += '</div>';
html += '</div>';
}
if (type == 'loadmore') {
$('#masonry-layout').append(html);
if (res.data.length < pageSize) {
balert('没有更多了', "info", false, 1500);
page--;
}
} else
$('#masonry-layout').html(html);
var elem = document.querySelector('#masonry-layout');
new Masonry(elem, {
// 选项
itemSelector: '.grid-item',
columnWidth: '.grid-item',
percentPosition: true
});
}
}
});
}
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.