LoadMore 加载更多
此组件一般用于标识页面底部加载数据时的状态。
平台
App | 小程序 | H5 |
---|---|---|
√ | √ | √ |
属性
属性名 | 类型 | 默认值 | 说明 | 平台 |
---|---|---|---|---|
status | String | loading | loadMore,loading,noMore,error,success | All |
loadMoreText | String,Object | 加载更多 | 状态文本 | All |
loadingText | String,Object | 加载中... | All | |
noMoreText | String,Object | -- 没有更多了 -- | All | |
successText | String,Object | 加载成功 | All | |
errorText | String,Object | 加载失败 | All | |
loadMoreBgColor | String | null | 状态背景 | All |
loadingBgColor | String | null | All | |
noMoreBgColor | String | null | All | |
successBgColor | String | null | All | |
errorBgColor | String | null | All | |
loadMoreIcon | String,Object | null | 状态icon 为Object参考c-icon的props | All |
noMoreIcon | String,Object | null | All | |
successIcon | String,Object | null | All | |
errorIcon | String,Object | null | All | |
loadingIndicatorProps | Boolean,Object | {} | loading指示器,详细参考c-loading-indicator的props | All |
indicatorPosition | String | left | loading指示器位置left,top | All |
indicatorGutter | Number,String | 10rpx | loading指示器和文本距离 | All |
textProps | Object | {} | 文本配置,详情参考c-text的props | All |
iconProps | Object | {} | icon配置,详情参考c-icon的props | All |
height | String,Number | null | 组件高度 | All |
hoverClass | String | none | 指定按下去的样式类。当hover-class="none"时,没有点击态效果 | All |
hoverStopPropagation | Boolean | false | 指定是否阻止本节点的祖先节点出现点击态,微信小程序有效 | All |
hoverStartTime | Number | 50 | 按住后多久出现点击态,单位毫秒 | All |
hoverStayTime | Number | 400 | 手指松开后点击态保留时间,单位毫秒 | All |
cClass | String,Array,Object | null | 组件类 | All |
cStyle | String,Array,Object | null | 组件样式 | All |
margin | String,Number,Array | null | 外边距 | All |
padding | String,Number,Array | null | 内边距 | All |
bgColor | String | null | 背景色,支持c-bg- 开头的背景色类 | All |
事件
事件名 | 说明 |
---|---|
click |
插槽
插槽名 | 说明 |
---|---|
icon | 显示的icon |
text | 显示的文字 |
default | 显示内容的后方 |
示例
vue
<template>
<c-load-more status="loading" indicatorPosition="top" />
</template>
1
2
3
2
3