github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Steps: fix icon style

pull/349/head
qingwei.li 2016-10-12 13:31:17 +08:00
parent 3019e0a770
commit 58d863ced1
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/steps/src/step.vue
View File

@ -12,17 +12,18 @@
<i class="el-step__line-inner" :style="lineStyle"></i>
</div>
<slot
v-if="currentStatus !== 'success' && currentStatus !== 'error'"
name="icon">
<i v-if="icon" :class="['el-step__icon', 'el-icon-' + icon]"></i>
<div v-else>{{ index + 1 }}</div>
</slot>
<i
v-else
class="el-step__icon"
:class="['el-icon-' + (currentStatus === 'success' ? 'check' : 'close')]">
</i>
<span class="el-step__icon">
<slot
v-if="currentStatus !== 'success' && currentStatus !== 'error'"
name="icon">
<i v-if="icon" :class="['el-icon-' + icon]"></i>
<div v-else>{{ index + 1 }}</div>
</slot>
<i
v-else
:class="['el-icon-' + (currentStatus === 'success' ? 'check' : 'close')]">
</i>
</span>
</div>
<div
class="el-step__main"

4
packages/theme-default/src/step.css
View File

@ -69,6 +69,10 @@
@e icon {
line-height: 28px;
> * {
line-height: inherit;
}
}
@e head {