diff --git a/components/steps/demo/custom-icon.md b/components/steps/demo/custom-icon.md index 25ccb42af3..9bc156a89c 100644 --- a/components/steps/demo/custom-icon.md +++ b/components/steps/demo/custom-icon.md @@ -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 =
diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md index 4b8404efa3..e8fbdb19cd 100644 --- a/components/steps/demo/simple.md +++ b/components/steps/demo/simple.md @@ -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: '已完成', @@ -43,4 +39,4 @@ React.render( {steps} , container); -```` \ No newline at end of file +```` diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md index 781d17b944..33ea9a3bab 100644 --- a/components/steps/demo/small-size.md +++ b/components/steps/demo/small-size.md @@ -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: '已完成' @@ -27,16 +23,13 @@ var steps = [{ status: 'wait', title: '待运行' }].map(function(s, i) { - return ( - ); - }); + return ( + + ); +}); -React.render( - - {steps} - , container); -```` \ No newline at end of file +React.render({steps}, container); +```` diff --git a/components/steps/demo/step-next.md b/components/steps/demo/step-next.md index 9d929253d7..8cc2102b8e 100644 --- a/components/steps/demo/step-next.md +++ b/components/steps/demo/step-next.md @@ -1,10 +1,12 @@ -# Steps 如何控制切换到下一步 +# 切换到下一步 - order: 3 +随机生成3~6个步骤,初始随机进行到其中一个步骤。 + --- -````css + ````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 (
-
这个demo随机生成3~6个步骤,初始随机进行到其中一个步骤
当前正在执行第{cs + 1}步
{steps.map(function(s, i) { @@ -67,5 +68,4 @@ var MyForm = React.createClass({ }); React.render(, container); - -```` \ No newline at end of file +```` diff --git a/components/steps/index.md b/components/steps/index.md index d3b169ae1b..a9324f5ff1 100644 --- a/components/steps/index.md +++ b/components/steps/index.md @@ -1,7 +1,7 @@ # Steps - category: Components -- chinese: 步进条 +- chinese: 步骤条 - order: 8 - cols: 1