jd-opensource / jd-opensource/taro-ui

希望新增骨架屏组件 AtSkeleton

Open
#708 1 comment 1 reaction 1 assignee Claimed by @koppthe View on GitHub
enhancement
Dominant language
TypeScript
Stars
4.7k
Forks
740
PR merge metrics
No merged PRs in 30d

Description

**这个功能解决了什么问题?**

小说项目有一个列表展示。`componentWillMount` 中请求数据,数据 **请求完成后** 才会渲染列表。在数据 **请求过程中**,列表数据没有被渲染,页面上会出现空白。

**你期望的功能是怎样的?**

期望提供骨架屏组件 `Skeleton`,页面效果可以参考: [antd-skeleton](https://ant.design/components/skeleton-cn/)

用法如下:数据请求过程中,渲染 Skeleton (有动画效果)占位,数据请求完成后渲染列表 List 数据。

```
import { AtSkeleton } from '@taro-ui'

render () {
const { list } = this.state

return (
list.length ? () : ()
)
}
```

**补充信息**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.