fx66/src/components/Steps.vue

<template>
  <div class="wrap">
    <div class="steps">
      <el-steps :active="active" finish-status="success" space="33.33%">
        <el-step title="填写申请信息" style="width: 33.33%;" align-center ></el-step>
        <el-step title="审核中" style="width: 33.33%;"></el-step>
        <el-step title="审核通过" style="width: 33.33%;"></el-step>
      </el-steps>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Steps',
  data(){
    return{
      active:0
    }
  }

}
</script>

<style scoped>

  .steps{
    text-align: left;
    height: 110px;
    padding-left: 280px;
    padding-top: 20px;
    background-color: #fff;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
</style>