React使用antd的Steps控件的问题

时间:2024-05-19 14:38:42

项目所使用的是antd 2.x版本,由于业务需要,弄一个进度条,使用Steps控件来实现

目标的实现效果:React使用antd的Steps控件的问题


需要的效果就是,竖着的,点状的步骤,并且文字都是可以点击的

但是在使用Steps控件的过程中,因为需要竖着的,但是在查看antd使用的时候,使用codePen来实现竖着点状步骤是可以的,但是在项目中变成了这样React使用antd的Steps控件的问题


找了很久,没有找到原因,所有就把Steps的style覆盖掉了

:global {
  .ant-steps-dot.ant-steps-vertical .ant-steps-tail {
    margin: 0;
  }}

我现在还没有搞懂这个是不是2.x版本的bug,还是怎么样,今天只是记录下来这个问题,以便之后找找具体的原因

当然不使用Steps控件也是可以实现步骤条的,这个在网上也是可以搜索到的