折叠面板

通过设置高度来进行压缩折叠，目前仅为竖向折叠。后续考虑添加横向折叠

bbb aaaa ccccc 开关

<template>
  <div>
    <span>
      bbb
    </span>
    <db-collapse v-model="open">
      <span v-for="(item, index) in value" :key="index">
        {{item}}
      </span>
    </db-collapse>
    <db-button @click="open = !open">开关</db-button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      open: false,
      value: ['aaaa', 'ccccc']
    }
  }
}
</script>

Expand Copy Copy

API

折叠面板通过v-model进行开关设置

属性说明如下：

属性	说明	类型	默认值	版本
value	开关	Boolean		1.0.0