# LoadMore 加载更多

# 介绍

该组件用于列表的单个展示项。

# 代码演示

# 基础用法

<cc-load-more text="点击或上拉加载更多"></cc-load-more>

# 自定义样式

<cc-load-more lineWidth="120" color="red" fontSize="20" text="点击或上拉加载更多"></cc-load-more>

# 加载更多

<cc-load-more loading text="加载中"></cc-load-more>

<cc-load-more loading text="加载中" loadingType="spinner"></cc-load-more>

# 显示点

<cc-load-more dot></cc-load-more>

# Api

# Props

属性名 说明 类型 默认值 可选值
text 加载文案 string - -
lineWidth 线条长度, 单位rpx string / number 80 -
loading 是否加载中 boolean false true
dot 是否显示点的模式 boolean false true
color 文字颜色 string #606266 -
fontSize 文字大小, 单位px string / number 14 -
marginTop 与前一个元素的距离, 单位rpx string / number 14 -
marginBottom 与后一个元素的距离, 单位rpx string / number 0 -
loadingType 加载图标类型 string circle spinner
Last Updated: 8/16/2021, 2:18:04 PM