说一下效果:
全部展开效果:
展开都的话四等分收起一个,其余的三等分,收起两个,其余的等分,展开一个,占据所有空间。
全部折叠效果:
展开一个效果:
这一块一块的总共是组件复用了四次。所以单独看一个列表就好了(已截止)
结构如下
<template>
<div class="foldable-list" v-if="toggle">
// 注意 header和底下的header
<header>
// 块的title
<p class="title">
{
{ $t('canlendar.' + list.name) }} ( {
{ list.list.length }} )
&l