# 折叠面板

可展开/折叠的内容区域。

# 概念说明

# 属性

组件通用属性请参见组件通用说明

# 折叠面板

  • 手风琴模式:控制手风琴模式的开关,默认关闭。
    • 开启:展开一个面板项时,其他面板项全部折叠。
    • 关闭:可同时展开多个面板项。
  • 展开触发方式:可选择点击整行均可触发或仅点击小箭头时触发。
  • 显示效果:支持默认模式和简洁模式,默认模式面板有边框,简洁模式面板无左右边框。
  • 禁用展开/折叠:开启后当前面板所有项均无法展开或折叠,默认关闭。
  • 填充位置:可选背景色填充位置,支持头部填充、内容填充和无填充。

# 折叠面板项

  • 标题:设置标题显示内容。
  • 展开状态:控制折叠面板项的默认状态,若开启当前面板项默认展开,若关闭当前面板项默认关闭。
  • 禁用展开/折叠:置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。

# 事件

折叠面板事件:支持监听“展开/折叠”面板事件。

折叠面板项事件:支持展开/折叠此面板前触发和展开/折叠某面板时触发。

# 样式

样式说明请参见组件通用说明

# 示例图片

折叠面板组件分基本用法和额外插槽两种使用方式:

  • 基本用法:

    image-20221014113132654

  • 额外插槽:

    image-20221014113201879

上次更新: 2023年06月13日