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> <i class="el-step__line-inner" :style="lineStyle"></i>
</div> </div>
<slot <span class="el-step__icon">
v-if="currentStatus !== 'success' && currentStatus !== 'error'" <slot
name="icon"> v-if="currentStatus !== 'success' && currentStatus !== 'error'"
<i v-if="icon" :class="['el-step__icon', 'el-icon-' + icon]"></i> name="icon">
<div v-else>{{ index + 1 }}</div> <i v-if="icon" :class="['el-icon-' + icon]"></i>
</slot> <div v-else>{{ index + 1 }}</div>
<i </slot>
v-else <i
class="el-step__icon" v-else
: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 {