mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): [el-steps] support custom icon when status is error (#9603)

Browse Source
This commit is contained in:
朱金濠 2022-09-04 20:35:18 +08:00 committed by GitHub
parent 320b28bd20
commit acc7092901
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/components/steps/src/item.vue
View File

@ -17,21 +17,26 @@
<div <div
:class="[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]" :class="[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]"
> >
<slot <slot name="icon">
v-if="currentStatus !== 'success' && currentStatus !== 'error'"
name="icon"
>
<el-icon v-if="icon" :class="ns.e('icon-inner')"> <el-icon v-if="icon" :class="ns.e('icon-inner')">
<component :is="icon" /> <component :is="icon" />
</el-icon> </el-icon>
<div v-if="!icon && !isSimple" :class="ns.e('icon-inner')"> <el-icon
v-else-if="currentStatus === 'success'"
:class="[ns.e('icon-inner'), ns.is('status')]"
>
<Check />
</el-icon>
<el-icon
v-else-if="currentStatus === 'error'"
:class="[ns.e('icon-inner'), ns.is('status')]"
>
<Close />
</el-icon>
<div v-else-if="!isSimple" :class="ns.e('icon-inner')">
{{ index + 1 }} {{ index + 1 }}
</div> </div>
</slot> </slot>
<el-icon v-else :class="[ns.e('icon-inner'), ns.is('status')]">
<Check v-if="currentStatus === 'success'" />
<Close v-else />
</el-icon>
</div> </div>
</div> </div>
<!-- title & description --> <!-- title & description -->