原生瀑布流布局

下载插件 tk.shangpreechina.com/themes/Ewda…

  <!-- 瀑布流 -->
            <ul class="puBu" id="grid">
				<if condition="$res_r">
					<volist name="res_r" id="vo" mod="2" key="k">
						<li class="puBu-item">
						<a href="__MODULE__{:U('/info/'.$vo['id'])}" title="{$vo.title}" target="_blank">
							<div style="width: 100%;overflow: hidden;margin-bottom: 0.925rem;">
								<img src="__UPLOADS__/{$vo['pic']}" alt="{$vo['title']}" />
							</div>
							
							<p class="row4 huanHang">{$vo.title}</p>
						</a>
						</li>
					</volist>
				<else />
					<li style="width: 100%;text-align: center;">NONE</li>
				</if>
            </ul>

   <script>
        new GridScrollFx(document.getElementById("grid"), {
        viewportFactor: 0.4,
      });
    </script>