Ant-design-pro: 注册页面，同行输入框错层

[Mantak]

如题

[nikogu]

最好配个截图

[Mantak]

[lvhaohua]

[chenshuai2144]

@Mantak
环境是

[afc163]

http://localhost:8000/#/user/login

https://github.com/ant-design/ant-design/pull/8415/

@ddcat1115 这种情况有问题。

[afc163]

same as https://github.com/ant-design/ant-design/issues/8459

[Mantak]

@ chenshuai2144 mac node 1.9.2 yarn 1.3.2 firefox浏览器 ， clone下载，yarn && yarn start就这样

[chenshuai2144]

@Mantak firefox版本了 最新的firefox quantum是没有问题.

[Mantak]

@chenshuai2144 firefox是最新版的，并且chrome里也是错层，错误的效果很统一，所以，可以肯定的是，不是浏览器的问题

[chenshuai2144]

@Mantak 访问我们的预览页面也是这样的?

[Mantak]

前天，你们刚升3.0的时候，我好像访问过是错层的，现在好了。昨天clone的项目，装上还是错层。

另外问一个问题，你们的import styles from ‘xx.less’。这个功能是用的哪个包，我好像见过，给忘记了，还望指点

[chenshuai2144]

@Mantak css-modules

[Mantak]

@chenshuai2144 谢谢。 刚才pull了一下项目，还是错层，但是你们官方演示版本是正确的

[chenshuai2144]

@Mantak 也许是你的配置问题.
你可以删除 然后重新clone.

[Mantak]

@chenshuai2144 刚新装过，启动以后，还是错层
git clone https://github.com/ant-design/ant-design-pro.git --depth=1 pro2
cd pro2
yarn

[chenshuai2144]

@Mantak 再现了这个问题, thanks

[chenshuai2144]

@afc163 按照他的方式运行之后.

左边的下拉选择框,向上浮动了4个像素.

css 位于
ant-design-pro/node_modules/antd/es/form/style/index.less

form .ant-input-group-wrapper-lg .ant-input-group-addon {
  position: relative;
  top: -4px;
}

[Mantak]

@chenshuai2144 您客气了，谢谢你们伟大的工作，谢谢您的热情指导

[ebilegsaikhan]

just remove the top distance.

form {
  :global {
    .ant-input-lg, .ant-input-number-lg, .ant-cascader-picker-large, .ant-select-lg, .ant-calendar-picker-large, .ant-time-picker-large, .ant-radio-group-large, .ant-input-group-wrapper-lg .ant-input-group-addon {
      top: 0;
    }
  }
}

[afc163]

尽快改一下。@ddcat1115

[LayGit]

+1 就是那个 -4px 的问题，烦请尽快修改，目前暂时采用极不优雅的覆盖方式。

[chenshuai2144]

@LayGit 给input组建 也设置 size="larger" 会好很多

[ddcat1115]

• input group 错位的问题在这里已修复 https://github.com/ant-design/ant-design-pro/commit/907f1a5cea39cb3f4c10fb07bf87aa6b2a0b4eaf

• button 与 input 对不齐，以及 input 前后缀上下不居中是同一个问题，在 antd 中修复 https://github.com/ant-design/ant-design/pull/8495 本周发布 patch 之后重新 install 即可

[afc163]

Fixed in [email protected]