antd-Dropdown怎么写样式

antd-Dropdown 的样式可以通过CSS样式表或者内联样式进行设置。以下是一些常见的样式属性：

1. dropdownClassName：设置下拉框的类名。
2. overlayClassName：设置下拉框中选项的类名。
3. style：设置下拉框的样式，可以使用JavaScript对象或者CSS字符串。
4. overlayStyle：设置下拉框中选项的样式，可以使用JavaScript对象或者CSS字符串。

以下是一个CSS样式表的例子：

.dropdown {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.dropdown-item {
  color: #333;
  padding: 8px 16px;
}

.dropdown-item:hover {
  background-color: #f5f5f5;
}

然后在组件中引入该样式表：

import React from 'react';
import { Dropdown, Menu } from 'antd';
import './style.css';

const menu = (
  <Menu>
    <Menu.Item key="1">Option 1</Menu.Item>
    <Menu.Item key="2">Option 2</Menu.Item>
    <Menu.Item key="3">Option 3</Menu.Item>
  </Menu>
);

const App = () => (
  <Dropdown overlay={menu} trigger={['click']}>
    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
      Click me
    </a>
  </Dropdown>
);

export default App;

如果需要使用内联样式，可以在组件中设置 style 属性：

import React from 'react';
import { Dropdown, Menu } from 'antd';

const menu = (
  <Menu style={{ backgroundColor: '#f5f5f5' }}>
    <Menu.Item key="1" style={{ color: '#333' }}>Option 1</Menu.Item>
    <Menu.Item key="2" style={{ color: '#333' }}>Option 2</Menu.Item>
    <Menu.Item key="3" style={{ color: '#333' }}>Option 3</Menu.Item>
  </Menu>
);

const App = () => (
  <Dropdown overlay={menu} trigger={['click']} style={{ backgroundColor: '#fff', border: '1px solid #d9d9d9' }}>
    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
      Click me
    </a>
  </Dropdown>
);

export default App;

以上是antd-Dropdown的样式设置方法，可以根据自己的需要进行调整。