Antd横向子菜单“浮动”

Question

创建一个包含可能分数的下拉列表。将其值查询到变量中。将变量作为addTimeSignature()方法的参数传递。HTML：<select id="TimeSignatureSelect">    <option value='1/4'>1/4</option>    <option value='2/4'>2/4</option>    <option value='3/4'>3/4</option>    <option value='4/4'>4/4</option></select>JS：const timeSig = document.getElementByID('TimeSignatureSelect').value;stave.addClef("treble").addTimeSignature(timeSig);

Answer 1

由于Ant 是一个设计系统，因此不建议这样做，您可以通过定位.ant-menu-submenu > .ant-menu选择器来实现它：

/* ./App.css */

.ant-menu-submenu > .ant-menu {

  margin-top: -5px;

}

// index.js

import { Layout, Menu } from 'antd';

import 'antd/dist/antd.css';

import './App.css';

function MainMenu() {

  return (

    <Layout>

      <Menu mode="horizontal" openKeys={['submenu']}>

        <Menu.Item key="home">Home</Menu.Item>

        <Menu.SubMenu

          key="submenu"

          title="SubMenu"

        >

          <Menu.Item key="1">Option 1</Menu.Item>

          <Menu.Item key="2">Option 2</Menu.Item>

        </Menu.SubMenu>

        <Menu.Item key="contact">Contact</Menu.Item>

      </Menu>

    </Layout>

  );

}