需求要做一个进度条,发现antd没有符合的样式,于是自己写了一个,使用react + 无状态组件封装完成
这是进度条的效果图:
可复制到项目,只需要3行代码就可以直接使用,
传参(isStatus:num ; 当前的值,actionList:Array; 进度条所有的项 )使用:
JSX代码如下:
import React from 'react';
import './order_proBar.less'
const OrderProgress = (props) => {
let isShow = { display: 'none' } //是否显示文字的3种状态
let isTrue = { display: 'block' }
let nowTrue = { color: '#fff' } //绿色圆圈的3种状态
let gray= { color: 'gray', background: