drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#6078 fixed

Browse source
This commit is contained in:
mo.duan 2020-01-02 15:54:26 +08:00
parent 254a37a0f8
commit 50ebddc7c9
3 changed files with 59 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
examples/routers/steps.vue
View file

@ -1,5 +1,15 @@
<style>
.demo-status{
display: block;
color: #fff;
}
.demo-step-tip .ivu-steps-status-finish .ivu-icon{
color: #2d8cf0
}
.demo-step-tip .ivu-steps-status-error .ivu-icon{
color: #ed4014
}
</style>
<template>
<div>
@ -9,6 +19,42 @@
<!--<Step title="结束"></Step>-->
</Steps>
<Button @click="change">change</Button>
<div style="margin:30px">
<h2>
<a href="https://github.com/iview/iview/issues/6078">#6078</a>
</h2>
<br><br>
<Steps class="demo-step-tip" :current="2" status="error" size="small">
<Step>
<div slot="status">
<Tooltip content="已完成" size="14" placement="top" transfer>
<Icon size="18" type="ios-checkmark" />
</Tooltip>
</div>
</Step>
<Step>
<div slot="status">
<Tooltip content="进行中" size="14" placement="top" transfer>
<Icon size="18" type="ios-checkmark" />
</Tooltip>
</div>
</Step>
<Step>
<div slot="status">
<Tooltip content="待处理" placement="top" transfer>
<Icon size="18" type="ios-checkmark" />
</Tooltip>
</div>
</Step>
<Step>
<div slot="status">
<Tooltip content="待进行" placement="top" transfer>
<Icon size="18" type="ios-checkmark" />
</Tooltip>
</div>
</Step>
</Steps>
</div>
<br><br><br><br>
<hr>
<!--<Steps :current="1" size="small">-->
@ -100,12 +146,21 @@
activitiList:[
{
approveUserName:'123',
tooltip:'测试标题',
startTime:'1'
},{
approveUserName:'123',
tooltip:'测试标题2',
startTime:'2'
}
],
statusList:[
{
tooltip:'测试标题',
},{
tooltip:'测试标题2',
}
],
changeList:[
{
approveUserName:'456',

6
src/components/steps/step.vue
View file

@ -3,8 +3,10 @@
<div :class="[prefixCls + '-tail']"><i></i></div>
<div :class="[prefixCls + '-head']">
<div :class="[prefixCls + '-head-inner']">
<span v-if="!icon && currentStatus != 'finish' && currentStatus != 'error'">{{ stepNumber }}</span>
<span v-else :class="iconClasses"></span>
<slot name="status">
<span v-if="!icon && currentStatus != 'finish' && currentStatus != 'error'">{{ stepNumber }}</span>
<span v-else :class="iconClasses"></span>
</slot>
</div>
</div>
<div :class="[prefixCls + '-main']">

1
src/styles/components/steps.less
View file

@ -126,7 +126,6 @@
.@{steps-prefix-cls}-main {
position: relative;
display: inline-block;
vertical-align: top;
}
.@{steps-prefix-cls}-head-inner {