Loadmore 加载更多

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title="加载更多">
		<t-card class="mlrt.30" title="Loadmore 加载更多" sub-title="指示用户可以加载内容的状态，支持多种状态和装饰元素，并可配置尺寸和样式。"></t-card>
		<introduction title="基础功能+主题展示">
			<t-loadmore class="mtb.30"></t-loadmore>
			<t-loadmore class="mb.30" type="success"></t-loadmore>
			<t-loadmore class="mb.30" type="error"></t-loadmore>
			<t-loadmore class="mb.30" type="primary"></t-loadmore>
			<t-loadmore class="mb.30" type="warning"></t-loadmore>
		</introduction>
		<introduction title="显示线条">
			<t-loadmore class="mtb.30" type="success" lineStyle='dashed' :line="true"></t-loadmore>
			<t-loadmore class="mb.30" type="primary" :line="true"></t-loadmore>
		</introduction>
		<introduction title="状态">
			<t-loadmore class="mtb.30" :line="true" status="loading"></t-loadmore>
			<t-loadmore class="mb.30" type="success" :line="true" status="nomore"></t-loadmore>
			<t-loadmore class="mb.30" type="primary" :line="true" status="loadmore"></t-loadmore>
		</introduction>
		<introduction title="状态(无分割线)">
			<t-loadmore class="mtb.30" status="loading"></t-loadmore>
			<t-loadmore class="mb.30" type="success" status="nomore"></t-loadmore>
			<t-loadmore class="mb.30" type="error" status="loading"></t-loadmore>
			<t-loadmore class="mb.30" type="primary" status="loadmore"></t-loadmore>
		</introduction>
	</t-page>
</template>

Props

名称	描述	类型	默认值	可选值
size	组件尺寸	String	''	-
line	是否显示线条	Boolean	false	-
lineClass	线条额外类名	String	''	-
lineStyle	线条样式	String	'solid'	-
hairline	是否使用细线条	Boolean	true	-
dot	是否显示点	Boolean	false	-
dotClass	点的额外类名	String	''	-
status	组件状态	String	'loadmore'	loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
loadingIcon	加载中的图标名称	String	'reload'	-
loadmoreText	加载前的提示语	String	'上拉加载更多'	-
loadingText	加载中提示语	String	'加载中'	-
nomoreText	没有更多的提示语	String	'没有更多数据了'	-

Events

事件名	描述	回调参数	版本