【AntDesign】巧妙修改Timeline时间轴

修改它也是因为公司的需求，需求如下：

第一反应是用Steps，用了之后发现，Steps只能做导航的作用，最多可以做横向的页面切换的节点，纵向的不行，我尝试过往Step中间添加内容，不会渲染。需求中，两个竖向的节点间是有内容的。于是把目光看向了Timeline。在Ant里，Timeline都是以小点作为步骤节点，实现后如下图：

现在来改节点：

<Timeline style={
   {
    marginTop: 10 }}>
                  <Timeline.Item style={
   {
    width: '90%', margin: 'auto' }} dot={
   <div  style={
   {
    backgroundColor: '#418df0', color: '#FFFFFF', borderRadius: '50%'  ,width: 30,height: 30,display: 'flex',justifyContent: 'center'