element ui Steps 步骤条 的文字怎么才能放到 icon的左边

element ui Steps 步骤条默认是将文字放置在 icon 的下方，在 element ui 中通过设置 `direction` 属性可以将文字放到 icon 左边。

具体实现步骤如下：

1. 在 `el-steps` 组件中设置 `direction` 属性为 `horizontal`，即横向布局。

<el-steps :active="1" direction="horizontal">
  ...
</el-steps>

2. 在 `el-step` 组件中设置 `align-center` 属性为 `true`，使 icon 和文字垂直居中。

<el-step title="Step 1" align-center="true"></el-step>

3. 最后，通过设置 `slot` 来指定文字的位置，将文字放到 icon 左边。

<el-step title="Step 1" align-center="true">
  <template slot="title">
    <span>Step 1</span>
  </template>
</el-step>

完整代码如下：

<el-steps :active="1" direction="horizontal">
  <el-step title="Step 1" align-center="true">
    <template slot="title">
      <span>Step 1</span>
    </template>
  </el-step>
  <el-step title="Step 2" align-center="true">
    <template slot="title">
      <span>Step 2</span>
    </template>
  </el-step>
  <el-step title="Step 3" align-center="true">
    <template slot="title">
      <span>Step 3</span>
    </template>
  </el-step>
</el-steps>