Skip to content

Loadmore

基础用法

html

<pa-loadmore :status="LoadStatusEnum.LOADMORE" />
<pa-loadmore :status="LoadStatusEnum.LOADING" />
<pa-loadmore :status="LoadStatusEnum.NOMORE" />
ts

import { LoadStatusEnum } from '../../core/useList'

自定义文案

html

<pa-loadmore :config="customConfig" :status="LoadStatusEnum.LOADMORE" />
<pa-loadmore :config="customConfig" :status="LoadStatusEnum.LOADING" />
<pa-loadmore :config="customConfig" :status="LoadStatusEnum.NOMORE" />
ts

import { LoadStatusEnum } from '../../core/useList'

const customConfig = { loadmore: '给我上划', loading: '努力加载...', nomore: '真的没有了' }

颜色

html

<pa-loadmore :status="LoadStatusEnum.LOADING" color="red" />
<pa-loadmore :status="LoadStatusEnum.LOADING" text-color="red" />
ts

import { LoadStatusEnum } from '../../core/useList'

Loadmore Props

参数说明类型默认值

Loadmore Event

事件名参数

Loadmore Slot

名称说明

样式变量

🙈