antd protable search 按钮居左展示
要将 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'},这将使搜索按钮居左展示。你可以根据需要修改样式
原文地址: https://www.cveoy.top/t/topic/cICy 著作权归作者所有。请勿转载和采集!