内容型面板,用户可自由灵活上下滑动浏览内容
需基础库版本大于 2.7.7 设置最低基础版本库
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
minHeight | number | 否 | 0.18 | 面板最大高度,单位为页面高度百分比 |
middleHeight | number | 否 | 0.35 | 面板次最大高度,单位为页面高度百分比 |
maxHeight | number | 否 | 0.9 | 面板最小高度,单位为页面高度百分比 |
lowerThreshold | number | 否 | 50 | 距离内容区域底部多远触发 onContentToBottom 回调 |
withMask | boolean | 否 | true | 开启蒙层,默认透明 |
className | string | 否 | - | 组件根节点类 |
事件名 | 说明 | 类型 |
---|---|---|
onContentToBottom | 内容区域滚动到底部,常用于数据加载 | () => void |
onScroll | 面板滚动结束回调 | (status: 'MAX' | 'MIDDLE' | 'MIN') => void |
名称 | 说明 |
---|---|
header | 头部内容插槽 |
content | 滑动内容插槽 |
footer | 尾部内容插槽 |
类名 | 说明 |
---|---|
amd-swiper-box | 组件根节点 |
amd-swiper-arrow-wrapper | 指示器样式 |
amd-swiper-header | 头部区域样式 |
amd-swiper-scroll-view | 内容区域 scroll-view 样式 |
amd-swiper-footer | 底部区域样式 |
amd-swiper-background | 蒙层样式 |