原生瀑布流布局

<!-- 瀑布流 -->
            <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>