提交 2ab0c6ac authored 作者: vipcxj's avatar vipcxj

解决多选认证框不对齐的样式问题,antd更新后可能需要再次调整

上级 8c4a09e2
import React from 'react'; import React from 'react';
import { Input, Select } from 'antd'; import { Input, Select } from 'antd';
import styles from './authInput.less';
class AuthInputs extends React.Component { class AuthInputs extends React.Component {
constructor(props, context) { constructor(props, context) {
...@@ -19,7 +20,7 @@ class AuthInputs extends React.Component { ...@@ -19,7 +20,7 @@ class AuthInputs extends React.Component {
const select = this.state.index >= 0 ? data[this.state.index].key : undefined; const select = this.state.index >= 0 ? data[this.state.index].key : undefined;
if (data.length > 0) { if (data.length > 0) {
return ( return (
<Input.Group compact> <Input.Group compact className={styles['bl-authInput']}>
<Select value={select} onChange={this.onChange} style={{ width: '30%' }}> <Select value={select} onChange={this.onChange} style={{ width: '30%' }}>
{ {
data.map(item => (<Select.Option value={item.key} key={item.key}> { item.label } </Select.Option>)) data.map(item => (<Select.Option value={item.key} key={item.key}> { item.label } </Select.Option>))
......
.bl-authInput > * {
vertical-align: middle!important;
}
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论