elementui实现审批进度条
时间: 2023-10-25 15:32:33 浏览: 196
ElementUI可以通过使用`el-steps`组件来实现审批进度条。你可以在`el-steps`组件的`title`属性中设置每个步骤的标题。通过在`el-step`组件内部使用`slot="icon"`来设置每个步骤的图标。你可以使用图片作为图标,也可以使用ElementUI提供的内置图标。例如,你可以使用以下代码实现一个审批进度条:
```
<el-steps :active="1">
<el-step title="步骤 1">
<template slot="icon">
<img src="http://img4.imgtn.bdimg.com/it/u=2480604110,4008147240&fm=26&gp=0.jpg" style="height:25x;width:25px;">
</template>
</el-step>
<el-step title="步骤 2" icon="el-icon-upload">
<template slot="icon">
<img src="http://img.zcool.cn/community/01bc1c5694b3e932f87574bef9bc29.png" style="height:25x;width:25px;">
</template>
</el-step>
<el-step title="步骤 3" icon="el-icon-picture"></el-step>
</el-steps>
```
这段代码会显示一个包含三个步骤的审批进度条,每个步骤都有一个标题和一个图标。你可以根据自己的需要修改图标和标题来适应实际场景。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文