drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Steps style

Browse source
This commit is contained in:
梁灏 2019-09-17 15:37:05 +08:00
parent af4dbfc18f
commit f64de47872
4 changed files with 70 additions and 142 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/steps/step.vue
View file

@ -1,9 +1,9 @@
<template>
<div :class="wrapClasses" :style="styles">
<div :class="wrapClasses">
<div :class="[prefixCls + '-tail']"><i></i></div>
<div :class="[prefixCls + '-head']">
<div :class="[prefixCls + '-head-inner']">
<span v-if="!icon && currentStatus != 'finish' && currentStatus != 'error'">{{ stepNumber }}</span>
<span v-if="!icon && currentStatus !== 'finish' && currentStatus !== 'error'">{{ stepNumber }}</span>
<span v-else :class="iconClasses"></span>
</div>
</div>
@ -68,9 +68,9 @@
if (this.icon) {
icon = this.icon;
} else {
if (this.currentStatus == 'finish') {
if (this.currentStatus === 'finish') {
icon = 'ios-checkmark';
} else if (this.currentStatus == 'error') {
} else if (this.currentStatus === 'error') {
icon = 'ios-close';
}
}
@ -79,20 +79,15 @@
`${prefixCls}-icon`,
`${iconPrefixCls}`,
{
[`${iconPrefixCls}-${icon}`]: icon != ''
[`${iconPrefixCls}-${icon}`]: icon !== ''
}
];
},
styles () {
return {
width: `${1/this.total*100}%`
};
}
},
watch: {
status (val) {
this.currentStatus = val;
if (this.currentStatus == 'error') {
if (this.currentStatus === 'error') {
this.$parent.setNextError();
}
}