Skip to content

加载更多 loadmore

加载更多组件。

兼容性

  • 兼容:✅
  • 不兼容:❌
  • 未知:❔
H5安卓苹果微信支付宝百度抖音QQ快手飞书京东
小红书鸿蒙360华为快应用快应用联盟

插件市场地址

DCloud 插件市场地址

基础使用

  • 通过 status 属性设置状态,支持下方四种状态:
    • more: 加载更多
    • loading: 加载中
    • nomore: 没有更多了
    • fail: 加载失败
vue
<template>
    <pure-loadmore status="more"></pure-loadmore>
    <pure-loadmore status="loading"></pure-loadmore>
    <pure-loadmore status="nomore"></pure-loadmore>
    <pure-loadmore status="fail"></pure-loadmore>
</template>

Props

属性名说明类型默认值可选值版本
status状态Stringmoremoreloadingnomorefail+1.0.0
icon加载图标名称,同图标组件(Icon)的 name 属性,参考String__loading-+1.0.0
more加载更多状态的提示文字String加载更多-+1.0.0
loading加载中状态的提示文字String正在加载...-+1.0.0
nomore没有更多状态的提示文字String没有更多了-+1.0.0
fail加载失败状态的提示文字String加载失败-+1.0.0
disabled禁用状态Booleanfalsetrue+1.0.0
disabledClass禁用类名Stringpure-disabled-+1.0.0

Event

事件名说明回调参数版本
onClick点击事件status: 当前状态+1.0.0

Slots

名称说明参数版本
more加载更多状态内容-+1.0.0
loading加载中状态内容-+1.0.0
nomore没有更多状态内容-+1.0.0
fail加载失败状态内容-+1.0.0

基于 MIT 许可发布