update demos

This commit is contained in:
afc163 2015-06-25 20:01:20 +08:00
parent 9c598b8bf7
commit 1fea96ac42
5 changed files with 21 additions and 36 deletions

View File

@ -1,4 +1,4 @@
# Steps 自定义图标步进条
# 自定义图标步进条
- order: 2
@ -23,12 +23,8 @@
````
````jsx
'use strict';
var Steps = antd.Steps;
var container = document.getElementById('components-steps-demo-custom-icon');
var imgIcon = <div className='my-step-icon'><img src='https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg'/></div>

View File

@ -1,19 +1,15 @@
# Steps 基本用法
# 基本用法
- order: 0
简单的步
简单的步
---
````jsx
'use strict';
var Steps = antd.Steps;
var container = document.getElementById('components-steps-demo-simple');
var steps = [{
status: 'finish',
title: '已完成',

View File

@ -1,4 +1,4 @@
# Steps 迷你版步进条
# 迷你版
- order: 1
@ -7,13 +7,9 @@
---
````jsx
'use strict';
var Steps = antd.Steps;
var container = document.getElementById('components-steps-demo-small-size');
var steps = [{
status: 'finish',
title: '已完成'
@ -30,13 +26,10 @@ var steps = [{
return (<Steps.Step
key={i}
status={s.status}
title={s.title}
></Steps.Step>
title={s.title}>
</Steps.Step>
);
});
React.render(
<Steps size="small">
{steps}
</Steps>, container);
React.render(<Steps size="small">{steps}</Steps>, container);
````

View File

@ -1,10 +1,12 @@
# Steps 如何控制切换到下一步
# 切换到下一步
- order: 3
随机生成3~6个步骤初始随机进行到其中一个步骤。
---
````css
<style>
.my-step-form {
width: 100%;
}
@ -14,7 +16,7 @@
.my-step-container {
width: 100%;
}
````
</style>
````jsx
var container = document.getElementById('components-steps-demo-step-next');
@ -47,7 +49,6 @@ var MyForm = React.createClass({
render() {
var cs = this.state.currentStep;
return (<form className='my-step-form'>
<div>这个demo随机生成3~6个步骤初始随机进行到其中一个步骤</div>
<div>当前正在执行第{cs + 1}步</div>
<div className='my-step-container'><Steps>
{steps.map(function(s, i) {
@ -67,5 +68,4 @@ var MyForm = React.createClass({
});
React.render(<MyForm></MyForm>, container);
````

View File

@ -1,7 +1,7 @@
# Steps
- category: Components
- chinese: 步
- chinese: 步
- order: 8
- cols: 1