本篇文章主要介绍了Ionic3实现图片瀑布流布局，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊!ionic项目提供了一套丰富的图标库，在ionic3中也进行了升级。 公司的一个项目中由于要用到一个瀑布流的特效，找了半天竟然没有找到相关的资源，没有办法，只能迎着头皮上了~ 话不多说，先上图 相信看过图片的同学都明白什么意思了吧。对，就是瀑布流！ 但是今天我们的瀑布流可不是一般的瀑布流。让我们接着看: 自动排版 我们的要求是做那种随机凌乱的感觉，所以我们需要做一种机制,来将图片选择最优的一种排列方式来展示到

瀑布流布局是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 瀑布流布局一般使用在网页中，在移动端用的比较少但是也不可缺。下面就介绍一下如何在ionic3中使用瀑布流布局。 首先创建一个项目，这里不多做介绍。我们用about这个模块来进行瀑布流的开发。 这里先介绍一下实现的流程： 我们先要定义一个container，在container中存在有多个box，box里面放置图片。 1、首先获取container中