bee-loadingstate
react bee-loadingstate component for tinper-bee
setup develop environment
$ git clone https://github.com/tinper-bee/bee-loadingstate$ cd bee-loadingstate$ npm install$ npm run dev
使用
loadingstate依赖于button,使用loadingstate还需把button组件down下来
$ npm install bee-button$ npm run dev
组件引入
先进行下载loadingstate包
npm install --save bee-loadingstate
组件调用
;React;
样式引入
- 因为loadingstate是依赖于button,所以使用link引入dist目录下button.css
<link rel="stylesheet" href="./node_modules/build/bee-button.css">
- 同理,在js中import样式也是button的样式
//或是
使用tinper-bee组件库
(tinper-bee组件库使用方法)[]
API
button的参数在loadingstate同样适用, loadingstate扩展的参数如下。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
loadingText | loading的时候显示内容,默认值loading | string | medium |
loadingTime | loading的时间,默认300ms | number | '' |