效果图
<template>
<div id="steps">
<div class="steps-item" v-for="(k,i) in stepArr" :key="k.id">
<div class="label">{
{
k.label}}</div>
<div class="content">
<div class="header">
<div class="dot" :class="{'dotSelect': current > i }" v-show="current!==i"></div>
<img src="../../static/img/wait.png" alt="" v-show="current === i">
<div class="title" :class="{'black' : (current === i || (current > i && i === 2) )}">{
{
k.title}}</div>
</div>
<div class="description">{
{
k.desc}