很簡單的Vue.js瀑布流佈局

vue.js作爲數據驅動視圖的框架,做有大量同類元素的頁面是很方便的。實現瀑布流佈局也很簡單。

  1. 將頁面分爲N列。(可以用flex佈局)
  2. 需要渲染的數據列表在filters裏預處理。新建一個N項嵌套列表,前N個直接對應放進取,後面的每個放在總高度最小的那一項列表。
  3. 分列渲染。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章