超级简单Vue实现手风琴布局

说一下效果：
全部展开效果：

展开都的话四等分收起一个，其余的三等分，收起两个，其余的等分，展开一个，占据所有空间。

全部折叠效果：

展开一个效果：

这一块一块的总共是组件复用了四次。所以单独看一个列表就好了（已截止）
结构如下

list为上层传递的值，格式为
list: {
name: ‘XXX’ // title
list: [{}, {}, …] // list数组
title: [‘XXX’, ‘XXX’, ‘XXX’…]要展示的列名
}
其实发现