ExpandContainernput
一个可以展开收起的容器
源文件
示例
向下展开
向上展开
采用定位实现,需要设置父类的高度
props 参数
参数名 | 说明 | 类型 | 默认值 |
---|---|---|---|
expand(v-model) | 是否展开 | boolean | false |
height | 容器收起时的高度 | string | 0 |
position | 展开方向,可选值为top和bottom,默认为bottom | string | bottom |
iconSize | 图标大小,默认为20,单位为像素,用于计算图标位置 | number | 20 |
duration | 动画时长,默认为0.3s | number | 0.3 |
事件
事件名 | 说明 | 参数 |
---|---|---|
expand-change | 展开状态改变时触发 | 展开状态 |
插槽
插槽名 | 说明 | 参数 |
---|---|---|
default | 容器内容插槽 | - |
down | 没有展开,箭头向下时的图标插槽 | - |
up | 展开,箭头向上时的图标插槽 | - |
样式
.block-bg
这个类名的高度会随着容器的展开而改变,包含了展开图标,用于设置背景