更新记录

1.1.5(2019-12-23)

  • 新增 颜色大小等配置项

1.1.2(2019-09-21)

  • 根据不同平台使用不同加载动画
  • 新增 示例项目
查看更多

LoadMore 加载更多

已经支持在nvue页面中使用

用于列表中,做滚动加载使用,展示 loading 的各种状态,组件名:uni-load-more,代码块: uLoadMore。

使用方式

script 中引用组件

import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
export default {
    components: {uniLoadMore}
}

template 中使用组件

<uni-load-more :status="more"></uni-load-more>

属性说明

属性名 类型 默认值 说明
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: "没有更多数据了"} 各状态文字说明

说明

  • iconTypesnow时,在APP-NVUE平台不可设置大小,在非APP-NVUE平台不可设置颜色

事件说明

事件名 说明 返回值
clickLoadMore 点击加载更多时触发 e.detail={status:'loading'}

插件预览地址

https://uniapp.dcloud.io/h5/pages/extUI/load-more/load-more

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问