# 页底提示 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
.wrap {
    flex-direction: column;
    padding: 20px;
    .title {
        margin: 20px;
    }
}
1
2
3
4
5
6
7

# API

# 组件属性

属性 类型 默认值 说明
loading Boolean true 显示加载中
tip String - 提示文字
bgColor String #ffffff 文字背景色