接上一篇文章 ：https://www.cnblogs.com/fourspace/p/14128691.html
學習網址：http://xingship.com
我們會看到很好看的布局方式，我個人比較喜歡的某款app的布局方式，如下。
非常喜歡他們家的app 頁面布局。再回來看看，http://xingship.com 這個網站也有類似的布局
看到，這兩個UI的風格比較像。只是http://xingship.com 他們這個更為粗糙，小作坊的作品。但是，這個並不影響我們學習他的技術點。
首先，我們在pc上 打開該網址，然后F12進入到開發者模式，讓我們來看看
我們看到，貌似用的是vue框架。引用到了vue.js。接下來看看他的布局結構。
瀏覽頁面的時候，我發現這個網站做了一些動畫在里面，下一篇再扒一扒。這一篇先看瀑布布局。繼續往下擼。
我們找到這個節點
這個節點下面，就是我們正文內容。我們需要的。看看他怎么實現的
我發現，他有好幾個index
不知道是干啥的，最后我發現首頁就是index：0
繼續擼，進入到index：0的內容中，發現，他列舉了兩列，到這里給了我一個啟發。
我的啟發就是，這兩列就是瀑布的錯開的那兩列，不知道算不算奇思淫巧。好貌似懂了這個瀑布布局方式了。
留個懸念給大家，大家明白了嗎？瀑布的布局？