gs_nuxt/components/LTProgress.vue

<template>
<el-container>
  <el-main style="padding: 0">
    <el-row style="padding: 50px">
      <el-col :span="18" offset="3">
        <el-steps :active="0">
          <el-step title="步骤1" description="阅读入会指南、规章制度" icon="el-icon-tickets"></el-step>
          <el-step title="步骤2" description="填写入会申请表" icon="el-icon-edit"></el-step>
          <el-step title="步骤3" description="邮寄或者官网申请" icon="el-icon-message"></el-step>
          <el-step title="步骤4" description="批准入会" icon="el-icon-folder-checked"></el-step>
          <el-step title="步骤5" description="缴纳会费" icon="el-icon-bank-card"></el-step>
          <el-step title="步骤6" description="发放证书" icon="el-icon-medal"></el-step>
        </el-steps>
      </el-col>
    </el-row>

  </el-main>
</el-container>


</template>

<script >
export default {
  name: "LTProgress"
}
</script>

<style scoped>
.el-step__title .is-finish{
  color: #b11116;
}
html,body{
  padding: 0;
  margin: 0;
}






</style>
<style>

</style>