也就是tab栏切换步骤条随之变化 <template> <div> <!-- 面包屑导航 --> <el-breadcrumb separator-class ...

目标 　　需要实现如下的效果 要求 要求内容能够自适应，比如添加步骤5、步骤6, 内容能够自动等宽，而不是手动修改width； 步骤之间的横线也要自适应，能够随着页面宽度的拉伸而伸长； 步骤数字能够自动计算，而不是手动修改添加； 良好的语义化 ...

Steps 步骤条 click 　　 ...

<div class="contract-operate_recodeMain"> <ul class="contract ...

vue 封装 step 步骤条组件 ...

由于对于vue了解不够深入，导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。 想做成如图所示的样式的步骤条，使用vue elementui的steps组件做。 最简单的在组件中插入代码实现样式的方法时行不通的 所以想了一种办法，使用左右两个div实现 ...

...

1.style部分 2.body部分 3.JS部分 效果图 样式可以自己修改 ...