@beisen/loading

Loading

项目简介

项目运行

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

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

3. npm run test （测试用例）

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

参数

默认行内样式

const _style = {
	background: 'rgba(128, 128, 128, 0.2)',
    position: 'absolute',
    width   : '100%',
    height  : '100%',
    top: 0,
    left: 0
};

Props

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.引用组件

import Loading from "@beisen/loading"

3.传入参数

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