cv-mobile-ui 官方文档
cv-load-more 加载更多 ¶
简要 ¶
一般用于列表中，做滚动加载使用，展示 loading 的各种状态
示例 ¶
vue
<template>
<view>
<cv-load-more :status="more"></cv-load-more>
</view>
</template>
<script>
export default {
data() {
return {
more: true
};
},
methods: {
}
}
</script>属性 ¶
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| iconSize | Number | 24 | 指定图标大小 |
| status | String | more | loading 的状态，可选值：more（loading前）、loading（loading中）、noMore（没有更多了） |
| showIcon | Boolean | true | 是否显示 loading 图标 |
| iconType | String | auto | 指定图标样式，可选值：snow（ios雪花加载样式）、circle（安卓环形加载样式）、auto（根据平台自动选择加载样式）。**注意：**APP-NVUE不支持此选项 |
| color | String | #777777 | 图标和文字颜色 |
| contentText | Object | {contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"} | 各状态文字说明 |
说明
iconType为snow时，在APP-NVUE平台不可设置大小，在非APP-NVUE平台不可设置颜色
事件 ¶
| 事件名 | 说明 | 返回值 |
|---|---|---|
| clickLoadMore | 点击加载更多时触发 | e.detail= |