element里面popover里面的高度_element-ui时间线内容分成左右两侧

今天分到任务，要实现时间线内容分成两侧的，如下图

任务要求

由于官网：https://element.eleme.cn/#/zh-CN/component/timeline上的时间线是在最左侧，文字在右侧，于是网上搜了下，没有搜到一样的，就找了个网上有点像的进行参考，只需要时间在左边的拉到最后看参考网址。

官网案例

网上参考案例

具体操作：

逻辑：1.在官网基础上将时间线.el-timeline的样式右移，使时间线靠近中间；

2.根据数据的index来做区分，奇数时左边，加一个样式，奇数的时候使用该样式。

1.用来调整时间线位置

2.里面的内容（时间加具体内容），本来我是想直接在第一个el-timeline-item__wrapper里面改的，但会全部应用；然后想在template中直接加一个left：-160px的class,即

错误写法

发现直接应用在别的div上了，样式一塌糊涂。而其实只是想要奇数时应用在el-timeline-item__wrapper上，但是template上没有显式显示，所以就想到用一个class然后里面再添一个一样的奇数时使用覆盖，如下图。结果是可以的。

如果觉得这样写有问题或者有更好的方法，可以留言给我。

网上参考：https://blog.csdn.net/lwllwl_/article/details/106209495