Skip to content

E
Element
Commit 58d863ce authored by qingwei.li's avatar qingwei.li
Browse files
Options

Steps: fix icon style

parent 3019e0a7
Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 11 deletions
packages/steps/src/step.vue
View file @ 58d863ce
...@@ -12,17 +12,18 @@ ...@@ -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"
......
packages/theme-default/src/step.css
View file @ 58d863ce
...@@ -69,6 +69,10 @@ ...@@ -69,6 +69,10 @@
@e icon { @e icon {
line-height: 28px; line-height: 28px;
> * {
line-height: inherit;
}
} }
@e head { @e head {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment