他下面的线还有高都不对，这咋调

.logo{
    height: 45px;
    float: left;
    margin-top: 10px;
}
.menu{
    height: 45px;
    float: left;
    margin-top: 10px !important;
    background-color: #fff;
    border-bottom: none !important;
}

components/index.js
​import React, { Component, Fragment } from 'react';
//图片
import logo from './logo.png';
//css
import './style.css';
//ant design 组件
import { Menu } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons';
const { SubMenu } = Menu;
class AppHeader extends Component {
    render() {
        return (
            <Fragment>
                <img className="logo" src={logo} />
                <Menu mode="horizontal" className="menu">
                    <Menu.Item className="menu-item" key="mail" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item className="menu-item" key="mail1" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item className="menu-item" key="mail2" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item className="menu-item" key="mail3" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                    <Menu.Item className="menu-item" key="mail4" icon={<MailOutlined />}>
                        VOA慢速英语
                    </Menu.Item>
                </Menu>
            </Fragment>
        )
    }
}
export default AppHeader;