ant design mobile改选中颜色
时间: 2023-05-28 21:02:25 浏览: 346
Ant Design Mobile 默认为蓝色选中状态,可以通过修改主题色来改变选中颜色。
在页面中使用以下代码来修改主题色:
```javascript
import { Button, WhiteSpace, WingBlank } from 'antd-mobile';
import { createTheme } from '@ant-design-mobile/theme';
import React from 'react';
import ReactDOM from 'react-dom';
// 自定义主题色
const customTheme = createTheme({
// 修改主题色为红色
brand_primary: '#ff4d4f',
});
function App() {
return (
<div>
<WingBlank>
<Button type="primary">Primary</Button>
<WhiteSpace />
<Button disabled>Disabled</Button>
</WingBlank>
</div>
);
}
ReactDOM.render(<App />, document.getElementById('root'));
```
以上代码将主题色修改为红色,选中状态也会相应地变为红色。如果需要更改其他状态的颜色,可以在主题对象中进行相应的修改。更多关于 Ant Design Mobile 主题的配置,请参考[官方文档](https://mobile.ant.design/docs/react/customize-theme-cn)。