项目所使用的是antd 2.x版本,由于业务需要,弄一个进度条,使用Steps控件来实现
目标的实现效果:
需要的效果就是,竖着的,点状的步骤,并且文字都是可以点击的
但是在使用Steps控件的过程中,因为需要竖着的,但是在查看antd使用的时候,使用codePen来实现竖着点状步骤是可以的,但是在项目中变成了这样
找了很久,没有找到原因,所有就把Steps的style覆盖掉了
:global { .ant-steps-dot.ant-steps-vertical .ant-steps-tail { margin: 0; }}
我现在还没有搞懂这个是不是2.x版本的bug,还是怎么样,今天只是记录下来这个问题,以便之后找找具体的原因
当然不使用Steps控件也是可以实现步骤条的,这个在网上也是可以搜索到的