Section 面板 #

Section 组件为开发者提供了一个具有标题的组件容器。

基本用法 #

是否显示头部区域 #

是否可见 #

收折内容区域 #

默认收折：点击收折按钮后，隐藏整个内容区域；
自定义收折：点击收折按钮后，显示内容区域中指定的部分节点。常用于内容区域收折后仍然想要显示部分关键信息的场景。
请注意，自定义收折特性需要配合以下样式才能实现：
1、为 Section 面板增加自定义样式f-section-form
2、用一个容器包裹整个内容区域，并且容器的样式需要包含f-form-layout
3、对于收折后仍需要显示的层级节点，增加样式f-state-visible

默认展开状态 #

最大化 #

按钮 #

填充 #

内容区域是否占满 Section 父级容器的剩余空间。

自定义头部模板 #

通过插槽header可以自定义整个头部区域，传入headerClass属性可以为头部区域添加自定义样式。

自定义头部标题模板 #

通过插槽headerTitle可以自定义头部区域中的标题部分。

自定义头部内容区域模板 #

通过插槽headerContent可以自定义头部区域的中间内容部分。

自定义扩展区域模板 #

头部和内容区域之间为扩展区域，通过插槽extend可以自定义扩展区域模板。传入extendClass属性可以为扩展区域添加自定义样式。

属性 #

插槽 #