element step组件在另一侧加时间轴显示

要在Element-UI的Step组件中添加时间轴，可以参考以下步骤：

1. 安装moment.js：

npm install moment

1. 在需要添加时间轴的组件里的data属性中添加一个新的属性timeline（这里建议使用moment.js管理时间）：

data(){
  return{
    timeline: [
      {
        time: moment().subtract(2, 'days').format('YYYY-MM-DD HH:mm:ss'),
        status: 'success',
        title: 'Step 1',
        description: 'Step 1 description'
      },
      {
        time: moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'),
        status: 'success',
        title: 'Step 2',
        description: 'Step 2 description'
      },
      {
        time: moment().format('YYYY-MM-DD HH:mm:ss'),
        status: 'process',
        title: 'Step 3',
        description: 'Step 3 description'
      },
      {
        time: moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'),
        status: 'wait',
        title: 'Step 4',
        description: 'Step 4 description'
      }
    ]
  }
}

1. 在Step组件中使用v-for循环渲染timeline数组，并添加时间轴，示例代码：

<el-steps :active="2">
    <template slot="default">
        <div class="step-container">
            <div class="step-timeline">
                <div class="step-timeline-line"></div>
                <div class="step-timeline-wrap">
                <div class="step-timeline-block"
                    v-for="(item, index) in timeline"
                    :key="index"
                    :class="{'is-process': item.status==='process', 'is-success': item.status==='success', 'is-wait': item.status==='wait'}"
                    >
                    <div class="step-timeline-time">{{item.time}}</div>
                    <div class="step-timeline-info">
                        <div class="step-timeline-title">{{item.title}}</div>
                        <div class="step-timeline-description">{{item.description}}</div>
                    </div>
                </div>
                </div>
            </div>
            <el-step title="Step 1" description="Step 1 description"></el-step>
            <el-step title="Step 2" description="Step 2 description"></el-step>
            <el-step title="Step 3" description="Step 3 description"></el-step>
            <el-step title="Step 4" description="Step 4 description"></el-step>
        </div>
    </template>
</el-steps>

以上例子中，timeline数组中包含了四个元素，第一个元素的时间为两天前，状态为成功，标题为Step 1，描述为Step 1 description。第二个元素的时间为一天前，状态为成功，标题为Step 2，描述为Step 2 description，第三个元素的时间为当前时间，状态为进行中，标题为Step 3，描述为Step 3 description，第四个元素的时间为明天，状态为等待中，标题为Step 4，描述为Step 4 description。

通过以上步骤，就可以在Element-UI的Step组件中添加时间轴。