主题
RNStickyPane 粘性面板
一个基于 flex 布局的容器组件,支持头部、内容区、底部的布局结构,内容区域支持滚动。
何时使用
- 需要固定头部和底部,中间内容区域滚动的布局场景
- 需要构建类似后台管理系统的页面布局
- 需要处理内容溢出滚动的场景
组件特性
- 基于 flex 布局实现
- 支持头部、内容区、底部三个区域
- 内容区域支持滚动和非滚动模式
- 可自定义各区域的样式
- 继承了 Naive UI 的 Scrollbar 组件特性
基础用法
滚动条配置
自定义样式
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
contentClass | 内容区域的自定义类名 | string | '' |
contentStyle | 内容区域的自定义样式 | string | '' |
footerWrapperClass | 底部区域的自定义类名 | string | '' |
footerWrapperStyle | 底部区域的自定义样式 | string | '' |
noScrollbar | 是否禁用内容区域的滚动条 | boolean | false |
Slots
名称 | 说明 |
---|---|
default | 内容区域的插槽 |
header | 头部区域的插槽 |
footer | 底部区域的插槽 |