Skip to content

E
Element
Commit 2162b62f authored by SkyAo's avatar SkyAo Committed by GitHub
Browse files
Options

Merge pull request #349 from QingWei-Li/fix/step 

Steps: fix icon style
parents 4238fa91 58d863ce
Show whitespace changes
Inline Side-by-side
Showing with 16 additions and 11 deletions
packages/steps/src/step.vue
View file @ 2162b62f
...@@ -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>
<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"
......
packages/theme-default/src/step.css
View file @ 2162b62f
...@@ -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