Step: add align-center, fixed #994

pull/1023/head
qingwei.li 2016-11-13 10:44:15 +08:00
parent 58dc7e14c0
commit 23aa2b619b
4 changed files with 7 additions and 2 deletions

View File

@ -120,6 +120,7 @@ Vertical step bars.
| active | Sets the current activation step | number | — | 0 |
| process-status | Sets the status of current step | string | wait/process/finish/error/success | process |
| finish-status | Sets the status of end step | string | wait/process/finish/error/success | finish |
| align-center | align center | boolean | false, true | false |
### Step Attributes
| Attribute | Description | Type | Options | Default |

View File

@ -113,6 +113,7 @@
| active | 设置当前激活步骤 | number | — | 0 |
| process-status | 设置当前步骤的状态 | string | wait/process/finish/error/success | process |
| finish-status | 设置结束步骤的状态 | string | wait/process/finish/error/success | finish |
| align-center | 标题描述居中对齐 | boolean | false, true | false |
### Step Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |

View File

@ -114,7 +114,9 @@ export default {
if (parent.direction === 'horizontal') {
this.style = { width: space };
// this.mainOffset = -this.$refs.title.getBoundingClientRect().width / 2 + 16 + 'px';
if (parent.alignCenter) {
this.mainOffset = -this.$refs.title.getBoundingClientRect().width / 2 + 16 + 'px';
}
} else {
if (parent.steps[parent.steps.length - 1] !== this) {
this.style = { height: space };

View File

@ -13,6 +13,7 @@ export default {
type: String,
default: 'horizontal'
},
alignCenter: Boolean,
finishStatus: {
type: String,
default: 'finish'