save
This commit is contained in:
parent
8f9d3604e6
commit
5bb83ff8e5
258 changed files with 12974 additions and 7838 deletions
|
|
@ -1,188 +1,61 @@
|
|||
<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>
|
||||
<Steps :current="index">
|
||||
<!--<Step title="开始"></Step>-->
|
||||
<Step v-for="(item, index) in activitiList" :title="item.approveUserName" :key="index"></Step>
|
||||
<!--<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 style="border: 1px solid #ccc;">
|
||||
<Steps :current="1">
|
||||
<Step title="已完成">
|
||||
<div slot="content">
|
||||
这里是该步骤的描述信息
|
||||
</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 title="进行中" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
|
||||
</Steps>
|
||||
<Divider></Divider>
|
||||
<Steps :current="2" size="small">
|
||||
<Step title="已完成"></Step>
|
||||
<Step title="进行中"></Step>
|
||||
<Step title="待进行"></Step>
|
||||
<Step title="待进行"></Step>
|
||||
</Steps>
|
||||
<Divider></Divider>
|
||||
<Steps :current="1">
|
||||
<Step title="注册">
|
||||
<Icon type="md-alarm" slot="icon" />
|
||||
</Step>
|
||||
<Step title="上传头像" icon="ios-camera"></Step>
|
||||
<Step title="验证邮箱" icon="ios-mail"></Step>
|
||||
</Steps>
|
||||
<Divider></Divider>
|
||||
<p>当前正在进行第 {{ current + 1 }} 步</p>
|
||||
<Steps :current="current">
|
||||
<Step title="步骤1"></Step>
|
||||
<Step title="步骤2"></Step>
|
||||
<Step title="步骤3"></Step>
|
||||
<Step title="步骤4"></Step>
|
||||
</Steps>
|
||||
<Button type="primary" @click="next">Next step</Button>
|
||||
<Divider></Divider>
|
||||
<Steps :current="2" direction="vertical">
|
||||
<Step title="已完成" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="已完成" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="进行中" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
|
||||
</Steps>
|
||||
<Divider></Divider>
|
||||
<Steps :current="1" status="error">
|
||||
<Step title="已完成" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="进行中" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
|
||||
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
|
||||
</Steps>
|
||||
</div>
|
||||
<br><br><br><br>
|
||||
<hr>
|
||||
<!--<Steps :current="1" size="small">-->
|
||||
<!--<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="进行中" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br>-->
|
||||
<!--<Steps :current="2">-->
|
||||
<!--<Step title="已完成"></Step>-->
|
||||
<!--<Step title="进行中"></Step>-->
|
||||
<!--<Step title="待进行"></Step>-->
|
||||
<!--<Step title="待进行"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br>-->
|
||||
<!--<Steps :current="1" size="small">-->
|
||||
<!--<Step title="已完成"></Step>-->
|
||||
<!--<Step title="进行中"></Step>-->
|
||||
<!--<Step title="待进行"></Step>-->
|
||||
<!--<Step title="待进行"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br>-->
|
||||
<!--<Steps :current="1" direction="vertical" size="small">-->
|
||||
<!--<Step title="注册" icon="person-add"></Step>-->
|
||||
<!--<Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="验证邮箱" icon="email"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<Steps :current="1" direction="vertical">-->
|
||||
<!--<Step title="注册" icon="person-add"></Step>-->
|
||||
<!--<Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="验证邮箱" icon="email"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<Steps :current="-1" direction="vertical">-->
|
||||
<!--<Step title="注册" icon="person-add"></Step>-->
|
||||
<!--<Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="验证邮箱" status="finish" icon="email"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br>-->
|
||||
<!--<p>当前正在进行第 {{ current + 1 }} 步</p>-->
|
||||
<!--<Steps :current="current">-->
|
||||
<!--<Step title="步骤1"></Step>-->
|
||||
<!--<Step title="步骤2"></Step>-->
|
||||
<!--<Step title="步骤3"></Step>-->
|
||||
<!--<Step title="步骤4"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br>-->
|
||||
<!--<i-button type="primary" @click.native="next">下一步</i-button>-->
|
||||
<!--<br><br><br>-->
|
||||
<!--<Steps :current="1" direction="vertical" size="small">-->
|
||||
<!--<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="进行中" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<br><br>-->
|
||||
<!--<Steps :current="1" status="error">-->
|
||||
<!--<Step title="已完成" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="进行中" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息"></Step>-->
|
||||
<!--</Steps>-->
|
||||
<!--<Steps direction="vertical" :current="3">-->
|
||||
<!--<Step title="已完成" content="这里是该步骤的描述信息">-->
|
||||
<!--<div style="font-size: 16px; color: green">这里是该步骤的描述信息1</div>-->
|
||||
<!--</Step>-->
|
||||
<!--<Step title="进行中" content="这里是该步骤的描述信息">-->
|
||||
<!--<div style="font-size: 24px; color: red">这里是该步骤的描述信息2</div>-->
|
||||
<!--</Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息">-->
|
||||
<!--<div style="font-size: 46px; color: blue">这里是该步骤的描述信息3</div>-->
|
||||
<!--</Step>-->
|
||||
<!--<Step title="待进行" content="这里是该步骤的描述信息">-->
|
||||
<!--<div style="font-size: 24px; color: green">这里是该步骤的描述信息4</div>-->
|
||||
<!--</Step>-->
|
||||
<!--</Steps>-->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
total: 512,
|
||||
current: 0,
|
||||
index:0,
|
||||
activitiList:[
|
||||
{
|
||||
approveUserName:'123',
|
||||
tooltip:'测试标题',
|
||||
startTime:'1'
|
||||
},{
|
||||
approveUserName:'123',
|
||||
tooltip:'测试标题2',
|
||||
startTime:'2'
|
||||
}
|
||||
],
|
||||
statusList:[
|
||||
{
|
||||
tooltip:'测试标题',
|
||||
},{
|
||||
tooltip:'测试标题2',
|
||||
}
|
||||
],
|
||||
changeList:[
|
||||
{
|
||||
approveUserName:'456',
|
||||
startTime:'1'
|
||||
},{
|
||||
approveUserName:'456',
|
||||
startTime:'2'
|
||||
},{
|
||||
approveUserName:'456',
|
||||
startTime:'3'
|
||||
},{
|
||||
approveUserName:'456',
|
||||
startTime:'4'
|
||||
},{
|
||||
approveUserName:'456',
|
||||
startTime:'5'
|
||||
}
|
||||
]
|
||||
current: 0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
next () {
|
||||
|
|
@ -191,13 +64,7 @@
|
|||
} else {
|
||||
this.current += 1;
|
||||
}
|
||||
},
|
||||
change () {
|
||||
this.activitiList = this.activitiList.concat(this.changeList);
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
// this.change();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue