element-ui 时间线（timeLine）内容分成左右两侧

效果图

实现代码

<el-timeline>
  <el-timeline-item
    v-for="(activity, index) in orderData"
    :key="index"
    :icon="activity.icon"
    type="primary"
    :color="activity.color"
    size="large"
    :timestamp="activity.transitionTime">
    <span @click="timelineClick(activity)" style="cursor: pointer;">{{ activity.statusType }}</span>
  </el-timeline-item>
</el-timeline>

::v-deep .el-timeline-item__timestamp.is-bottom {
  position: absolute;
  left: -140px;
  top: -3px;
  color: #333333;
}
::v-deep .el-timeline {
  padding-left: 200px;
}