coolui-scroller

Appearance

快速跳转

Empty 空列表组件 ​

介绍 ​

当列表请求后台返回数据为空时，列表没有内容就会空白，使用该组件。可提示用户列表内容为空，增加用户体验。

组件可设置一张图标图片与提示文字：

示例图

引入 ​

在app.json或index.json中引入组件

json
"usingComponents": {
  "empty": "coolui-scroller/empty/index"
}

代码演示 ​

html
<scroller class="my-scroller">
  <empty
    slot="empty"
    img-class="empty-img"
    text-class="empty-text"
    emptyText="暂无文章"
    emptyImg="https://test.wzs.pub/pic/empty.png"
  />
</scroller>

配置 ​

参数说明类型默认值版本
emptyText提示文字String暂无内容3.0.0
emptyImg提示图片String无3.0.0

外部样式 ​

在组件外部修改组件里的元素样式，可做局部调整。

名称说明类型版本
img-class设置图片的 classString3.0.0
text-class设置文字的 classString3.0.0