# 页底提示 loadMore
# 描述
提示底部加载状态
# 使用效果
# 使用方法
在.ux
文件中引入组件
<import name="my-load-more" src="apex-ui/components/load-more/index"></import>
1
# 示例
<template>
<div class="wrap">
<my-load-more></my-load-more>
<my-load-more tip="暂无数据" loading="{{ false }}"></my-load-more>
<my-load-more loading="{{ false }}"></my-load-more>
</div>
</template>
1
2
3
4
5
6
7
2
3
4
5
6
7
.wrap {
flex-direction: column;
padding: 20px;
.title {
margin: 20px;
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# API
# 组件属性
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
loading | Boolean | true | 显示加载中 |
tip | String | - | 提示文字 |
bgColor | String | #ffffff | 文字背景色 |