GG

# gg-load-more 加载更多

gg-load-more

一般用于列表中，做滚动加载使用，展示 loading 的各种状态

# 使用方式

在 script 中引用组件

若使用uni-app的 easycom 引入方式，则无需在script中重复引用

import ggLoadMore from '@/components/gg-load-more/gg-load-more.vue'
export default {
    components: {ggLoadMore}
}
1
2
3
4

在 template 中使用组件

<gg-load-more :status="more"></gg-load-more>
1

# 属性说明

属性名 类型 默认值 说明
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={status:'loading'}

# 插件预览地址

https://uniapp.dcloud.io/h5/pages/extUI/load-more/load-more (opens new window)

← 图标 →