# @beisen-phoenix/loading

> > @beisen-phoenix/loading

Latest version **3.3.55** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-phoenix/loading
pnpm add @beisen-phoenix/loading
yarn add @beisen-phoenix/loading
bun add @beisen-phoenix/loading
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.3.55 |
| Published | 2019-11-25 |
| First published | 2019-03-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 127.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/@beisen-phoenix/loading
- npm.io page: https://npm.io/package/@beisen-phoenix/loading

## Dependencies (2)

- [@beisen-phoenix/icon](https://npm.io/package/@beisen-phoenix/icon.md) ^3.2.54
- [@beisen-phoenix/style-token](https://npm.io/package/@beisen-phoenix/style-token.md) ^3.3.55

## Recent versions

- 3.3.55 (latest) — 2019-11-25
- 3.2.44-rc.1 (rc) — 2019-10-24
- 3.3.54 — 2019-11-25
- 3.3.53 — 2019-11-25
- 3.3.52 — 2019-11-24
- 3.3.51 — 2019-11-23
- 3.3.50 — 2019-11-22
- 3.3.48 — 2019-11-22
- 3.3.47 — 2019-11-22
- 3.3.46 — 2019-11-22
- 3.3.45 — 2019-11-21
- 3.3.43 — 2019-11-21
- 3.3.42 — 2019-11-21
- 3.3.41-beta.1 — 2019-11-21
- 3.3.41 — 2019-11-21
- … 330 more at https://npm.io/package/@beisen-phoenix/loading/versions

## README

# 加载中
> @beisen-phoenix/loading

## 概述

> 页面或者数据加载动画
> 
> 表示启动程序是文件或信息的载入

## 由以下几个子组件构成
> `<Loading>` 组件为小太阳，页面级加载使用
> 
> `<ChrysanthemumLoading>` 组件为菊花，组件级加载使用

## API 

| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
| ---|---|---|--- | --- |
| showMaskAlpha | 是否展示遮罩层 | boolean | false | 否 |

### 使用
```
  // 小太阳
  import React from 'react';
  import Loading from '@beisen-phoenix/loading';

  export default function LoadingPage(props) {
    return <Loading />
  }


  //菊花
  import React from 'react';
  import { ChrysanthemumLoading } from '@beisen-phoenix/loading';

  export default function LoadingPage(props) {
    return <ChrysanthemumLoading />
  }
```

---
_Source: https://npm.io/package/@beisen-phoenix/loading · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._