很简单的Vue.js瀑布流布局

vue.js作为数据驱动视图的框架,做有大量同类元素的页面是很方便的。实现瀑布流布局也很简单。

  1. 将页面分为N列。(可以用flex布局)
  2. 需要渲染的数据列表在filters里预处理。新建一个N项嵌套列表,前N个直接对应放进取,后面的每个放在总高度最小的那一项列表。
  3. 分列渲染。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章