node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »

@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

hidden: false, // 默认为false, loading状态保持
style: {}, // 自定义行内样式
type:"" "index" or "detail" or "standar" //三个业务界面的Loading画面,默认走太阳动画

Loading调用方法

1.安装npm组件包

npm install @beisen/Loading --save-dev

2.引用组件

import Loading from "@beisen/Loading"
 

3.传入参数

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