热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

React使用antd的Steps控件的问题

项目所使用的是antd2.x版本,由于业务需要,弄一个进度条,使用Steps控件来实现目标的实现效果:需要的效果就是,竖着的,点状的步骤,并且文字都是可以点击的但是在使用Steps控件的过程中,因为需要竖着的,但是在查看antd使用的时候,使用codePen来实现竖着点状步骤是可以的,但是在项目中变成了这样找了很久,没有找到原因,所有就把Steps的style

项目所使用的是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控件也是可以实现步骤条的,这个在网上也是可以搜索到的


推荐阅读
author-avatar
遇见你_天意_384
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有