antd中的Steps步骤条组件能够满足一般样式需求,但是对于有些项目对步骤条样式有要求的话就需要对antd中的代码做一下修改
项目中用到的步骤条的样式如下:
具体的代码如下:
<Step
title='2019-04-28'
description={
'首次上报'}
icon={
<img width={
15} src={
require(`../assets/img/lastcircle.png`)} alt=""/>}
//这个icon中写你的img的相对路径
/>
注意⚠️:如果使用antd的Steps自定义组件的自定义样式前提是一定不要在包裹step的Steps父组件中写progressDot属性,这个属性会覆盖自定义的样式都变成小圆点样式
正确写法 <Steps id="ste