也就是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部分 效果圖 樣式可以自己修改 ...