更新记录

1.2.1(2021-08-24)

  • 新增 支持国际化

1.2.0(2021-07-30)

查看更多

平台兼容性

Vue2 Vue3
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
app-vue app-nvue ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

LoadMore 加载更多

组件名:uni-load-more 代码块: uLoadMore

用于列表中,做滚动加载使用,展示 loading 的各种状态。

安装方式

本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components

如需通过npm方式使用uni-ui组件,另见文档:https://ext.dcloud.net.cn/plugin?id=55

使用方式

template 中使用组件

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

API

LoadMore Props

属性名 类型 可选值 默认值 说明
iconSize Number - 24 指定图标大小
status String more/loading/noMore more loading 的状态
showIcon Boolean - true 是否显示 loading 图标
iconType String snow/circle/auto auto 指定图标样式
color String - #777777 图标和文字颜色
contentText Object - {contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"} 各状态文字说明

Status Options

参数名称 说明
more loading前
loading loading前中
more 没有更多数据

IconType Options

参数名称 说明
snow ios雪花加载样式
circle 安卓环形加载样式
auto 根据平台自动选择加载样式

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

事件说明

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

组件示例

点击查看:https://hellouniapp.dcloud.net.cn/pages/extUI/load-more/load-more

隐私、权限声明

1. 本插件需要申请的系统权限列表:

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

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

许可协议

MIT协议

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