初始化 antd-pro

admin-web/src/components/HeaderDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default class HeaderDropdown extends React.Component<any, any> {}

admin-web/src/components/HeaderDropdown/index.js

@@ -0,0 +1,13 @@
+import React, { PureComponent } from 'react';
+import { Dropdown } from 'antd';
+import classNames from 'classnames';
+import styles from './index.less';
+
+export default class HeaderDropdown extends PureComponent {
+  render() {
+    const { overlayClassName, ...props } = this.props;
+    return (
+      <Dropdown overlayClassName={classNames(styles.container, overlayClassName)} {...props} />
+    );
+  }
+}

admin-web/src/components/HeaderDropdown/index.less

@@ -0,0 +1,16 @@
+@import '~antd/lib/style/themes/default.less';
+
+.container > * {
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: @shadow-1-down;
+}
+
+@media screen and (max-width: @screen-xs) {
+  .container {
+    width: 100% !important;
+  }
+  .container > * {
+    border-radius: 0 !important;
+  }
+}