路由人生 IT互联网 pinphp如何修改首页瀑布流方块的大小和间距

pinphp如何修改首页瀑布流方块的大小和间距

现在很多导购网站都流行瀑布流,美丽说、蘑菇街就是瀑布流的两个代表吧,有新闻说,淘宝都很担心这些网站占据了上游很大一部分客户,决定关闭淘宝API搜索的功能,不过着个不是我们讨论的话题,这里有个类似美丽说、蘑菇街的瀑布流的开源导购网站pinphp,在修改是时遇到一个问题,首页瀑布流方块的大小和间距不是我想要的大小,怎么修改呢?如下图:

瀑布流
瀑布流

     1、css文件在 style.css里,修改下面:

.item {
width: 240px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
position:relative;
overflow:hidden;
}

2、修改public下的common.js 这个也是最重要的,我就忘记了着个文件,找了很久

function item_masonry(){
$(‘.item img’).load(function(){
$(‘.infinite_scroll’).masonry({
itemSelector: ‘.masonry_brick’,
columnWidth:226,
gutterWidth:32
});
});
}

修改上面两处,width你想要的宽度,就可以了。

本文来自网络,不代表路由人生立场,转载请注明出处。

作者: myweb

发表评论

联系我们

联系我们

0898-0102021

在线咨询: QQ交谈

邮箱: yufe@yufe.me

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部