要将 Ant Design Pro 的搜索按钮居左展示,可以在页面的 render() 函数中的 SearchBar 组件中添加一个 style 属性,并使用 CSS 中的 text-align 属性将其设置为左对齐。示例如下:

import { PageHeaderWrapper, SearchBar } from '@ant-design/pro-layout';

class MyPage extends React.Component {
  render() {
    return (
      <PageHeaderWrapper>
        <SearchBar placeholder="搜索" enterButton="搜索" style={{textAlign: 'left'}} />
        {/* 其他页面内容 */}
      </PageHeaderWrapper>
    );
  }
}

在上面的代码中,我们将 SearchBar 组件的 style 属性设置为 {textAlign: 'left'},这将使搜索按钮居左展示。你可以根据需要修改样式

antd protable search 按钮居左展示

原文地址: https://www.cveoy.top/t/topic/cICy 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录