微信小程序实现瀑布流布局和无限加载
浏览量：1470次
瀑布流布局是一种比较流行的页面布局方式，最典型的就是pinterest.com，每个卡片的高度不都一样，形成一种参差不齐的美感。
在HTML5中，我们可以找到很多基于jQuery之类实现的瀑布流布局插件，轻松做出这样的布局形式。在微信小程序中，我们也可以做出这样的效果，不过由于小程序框架的一些特性，在实现思路上还是有一些差别的。
今天我们就来看一下如何在小程序中去实现这种瀑布流布局：
小程序瀑布流布局
我们要实现的是一个固定2列的布局，然后将图片数据动态加载进这两列中（而加载进来的图片，会根据图片实际的尺寸，来决定到底是放在左列还是右列中）。
/* 单个图片容器的样式 */
.img_item {
width: 48%;
margin: 1%;
display: inline-block;
vertical-align: top;
}
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【915688610@qq.com】，我们在确认后，会立即删除，保证您的版权。
