# @beisen-platform/loading

> 小太阳加载，仅用于页面级加载或内容比较多的大模块加载；

Latest version **1.0.3-rc.3** (published 2019-11-05) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/loading
pnpm add @beisen-platform/loading
yarn add @beisen-platform/loading
bun add @beisen-platform/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 | 1.0.3-rc.3 |
| Published | 2019-11-05 |
| First published | 2018-11-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 108.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/loading
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-loading
- npm.io page: https://npm.io/package/@beisen-platform/loading

## Recent versions

- 1.0.3-rc.3 (latest) — 2019-11-05
- 1.0.3-rc.2 — 2019-10-31
- 1.0.3-rc.1 — 2019-04-29
- 1.0.3 — 2019-04-16
- 1.0.2 — 2019-03-15
- 1.0.1 — 2019-01-31
- 1.0.0 — 2019-01-30
- 0.1.44 — 2018-11-29

## README

# Loading
## 项目简介

## 项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

## 参数

默认行内样式
```javascript
const _style = {
	background: 'rgba(128, 128, 128, 0.2)',
    position: 'absolute',
    width   : '100%',
    height  : '100%',
    top: 0,
    left: 0
};
```

### Props

```javascript
const props = {
  /**
   * wrap节点的style
   * 有第二层节点，且仅在type为small或为空时有用
   */
  wrapStyle: {},

  /**
   * 控制style的position
   */
  isFixed: false,

  /**
   * loading状态保持，默认为false
   */
  hidden: false,

  /**
   * 需要覆盖的行内样式
   */
  style: {},

  /**
   * 三个业务界面的Loading画面,默认走太阳动画
   * 可选："index"、"detail"、"standar"
   */
  type:''
}
```

## Loading调用方法
1.安装npm组件包

```
npm install @beisen/loading --save-dev
```

2.引用组件

  ```javascript
import Loading from "@beisen/loading"

  ```
3.传入参数
  ```javascript

  render () {
    return (
      <div>
      	  <Loading />
      </div>
    )
  }

```

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