# @beisen-cmps/loading

> Ethos基础组件loading

Latest version **0.1.43** (published 2018-09-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-cmps/loading
pnpm add @beisen-cmps/loading
yarn add @beisen-cmps/loading
bun add @beisen-cmps/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.43 |
| Published | 2018-09-28 |
| First published | 2018-05-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 506.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-cmps/loading
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-loading
- npm.io page: https://npm.io/package/@beisen-cmps/loading

## Recent versions

- 0.1.43 (latest) — 2018-09-28
- 0.0.3 — 2018-05-15
- 0.0.2 — 2018-05-14
- 0.0.1 — 2018-05-11

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