# @beisen/loading

> ## 项目运行

Latest version **0.1.46** (published 2019-11-04) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.46 |
| Published | 2019-11-04 |
| First published | 2017-02-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | lianglongfei |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6, karma, loading |

## Links

- npm: https://www.npmjs.com/package/@beisen/loading
- Repository: git@gitlab.beisen.co:cnpm/Loading
- npm.io page: https://npm.io/package/@beisen/loading

## Recent versions

- 0.1.46 (latest) — 2019-11-04
- 0.1.45 — 2019-03-22
- 0.1.43-1 — 2018-10-31
- 0.1.42 — 2018-09-12
- 0.1.41 — 2017-10-11
- 0.1.40 — 2017-10-11
- 0.1.39 — 2017-08-23
- 0.1.38 — 2017-07-31
- 0.1.37 — 2017-07-26
- 0.1.36 — 2017-07-26
- 0.1.35 — 2017-05-25
- 0.1.34 — 2017-04-10
- 0.1.33 — 2017-04-10
- 0.1.32 — 2017-03-28
- 0.0.14 — 2017-03-06
- … 3 more at https://npm.io/package/@beisen/loading/versions

## 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/loading · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._