React antd Steps步骤条与Popover气泡卡片结合应用

React antd Steps步骤条与Popover气泡卡片结合应用

由于要求鼠标放到对应部门上时显示具体信息,所以需要两个接口,一个对应步骤条,另一个对应Popover气泡卡片。“开始”、“结束”是采用数组添加方式手动固定在页面上,其余步骤则为动态渲染,所以需要在接口返回值中进行添加。

React antd Steps步骤条与Popover气泡卡片结合应用

React antd Steps步骤条与Popover气泡卡片结合应用