2.0.3 • Published 5 years ago
bee-step v2.0.3
bee-step
Browser Support
![]() | ![]() | ![]() | ![]() | ![]() |
|---|---|---|---|---|
| IE 9+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
当任务复杂或具有子任务的系列一定的序列,我们可以将它分解成几个步骤,让事情变得更容易。
使用
使用单独的bee-step包
组件引入
先进行下载bee-step包
npm install --save bee-step
```js
import Step from 'bee-step';
const Steps = Step.Steps;
class Demo1 extends Component {
render () {
return (
<Step.Steps current={1}>
<Step title="Finished" description="This is a description." />
<Step title="In Progress" description="This is a description." />
<Step title="Waiting" description="This is a description." />
</Step.Steps>
)
}
}
render(Demo1,document.getElementById('app'));API
| Property | Description | Type | Default |
|---|---|---|---|
| status | 自动设置当前step的状态(wait,process,finish,error) | string | - |
| title | step的标题 | (string,ReactNode) | - |
| description | step的细节描述,可选的属性 | (string,ReactNode) | - |
| icon | 设置当前step为icon,可选的属性 | string,ReactNode | - |
Step.Steps
| Property | Description | Type | Default |
|---|---|---|---|
| current | 设置当前步骤,从0开始计数。可以使用步骤状态重写此状态。 | number | 0 |
| status | 指定当前步骤的状态(danger,info,news,warning,sucess,process) | string | process |
| size | 设置step bar的大小(default,samll) | string | default |
| direction | 设置step bar的方向(horizontal,vertical) | string | horizontal |
开发调试
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-step
$ cd bee-step
$ npm install
$ npm run dev2.0.3
5 years ago
2.0.2
6 years ago
2.0.1
7 years ago
2.0.1-alpha.4
7 years ago
2.0.1-alpha.3
7 years ago
2.0.1-alpha.2
7 years ago
2.0.1-alpha.1
7 years ago
2.0.1-alpha.0
7 years ago
2.0.0
7 years ago
1.1.0
7 years ago
1.0.3
7 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago
0.1.1
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago




