Page Footer 页脚 #
页脚组件常用于页面的尾部区域。
应用样例 #
内容区模板 #
组件默认插槽将被展示到内容区域,内容区域支持通过属性contentClass配置自定义样式。
上方扩展区域 #
通过插槽#header,可以配置上方扩展区域模板。上方扩展区域支持通过属性headerClass配置自定义样式。
配置上方扩展区域后,上方扩展区域左侧内容插槽#headerContent和上方扩展区域右侧按钮插槽#headerToolbar将失效。
上方扩展区域左侧、右侧模板 #
页脚组件支持将上方扩展区域拆分为两个部分,左侧为内容区,右侧为按钮区。
通过插槽#headerContent,可以配置上方扩展区域左侧内容区域模板。通过属性headerContentClass配置此区域的自定义样式。
通过插槽#headerToolbar,可以配置上方扩展区域右侧按钮区域模板。通过属性headerToolbarClass配置此区域的自定义样式。
收折 #
组件支持将内容区域收起或者展开
属性 #
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| enableCollapse | Boolean | false | 是否启用内容区收折 |
| collapsed | Boolean | true | 是否默认收折内容区 |
| collapsedText | String | 'More' | 收折按钮文本 |
| expandedText | String | 'More' | 展开按钮文本 |
| contentClass | String | 内容区域样式 | |
| headerClass | String | 页脚组件样式 | |
| headerContentClass | String | 上方扩展区域左侧内容区样式 | |
| headerToolbarClass | String | 上方扩展区域右侧按钮区样式 | |
| showHeader | Boolean | false | 是否显示上方扩展区域 |
插槽 #
| 插槽名 | 说明 |
|---|---|
| header | 上方扩展区域 |
| headerContent | 上方扩展区域左侧内容区域 |
| headerToolbar | 上方扩展区域右侧按钮区域 |
| 默认插槽:内容区域 |

