跳到主要内容

Collapse 折叠面板

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


开发说明
  • 只是样式上的变化。
  • 加了一个内容收缩,设计上由树组件拓展而来。
  • 内容收缩

    常用于对内容的收缩,每一个收缩选项下有一小部分的内容。

    收起

    展开

    交互规则

    选项右侧支持自定义操作,比如拖拽排序、删除等。

    卡片收缩

    收起

    收起状态,点击标题左侧区域,即可展开。

    展开

    展开的状态,可自定义面板内容。

    交互规则

    触发交互显示提示语。未展开时:点击展开内容,已展开时:点击收起内容

    设计指南

    • 用于简单的隐藏和显示内容。
    • 对复杂区域进行分组和隐藏,可以帮助减少页面的信息混乱,保持页面的整洁。