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

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

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

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

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