用elements写一个左侧菜单栏并且添加代码要求能够切换不同界面

好的，首先我们需要在左侧添加一个菜单栏，可以使用 `Nav` 组件实现：

<Nav>
  <NavSection>
    <NavItem>
      <NavItemLabel>首页</NavItemLabel>
    </NavItem>
    <NavItem>
      <NavItemLabel>文章</NavItemLabel>
    </NavItem>
    <NavItem>
      <NavItemLabel>视频</NavItemLabel>
    </NavItem>
  </NavSection>
</Nav>

然后我们需要在每个菜单项上添加点击事件，使其能够切换到对应的界面。在这里我们可以使用 `Router` 组件实现：

<Router>
  <Route path="/" component={HomePage} />
  <Route path="/article" component={ArticlePage} />
  <Route path="/video" component={VideoPage} />
</Router>

接下来我们需要在每个菜单项上添加 `onClick` 事件处理函数，使其能够根据 `Router` 组件中的路由路径切换到对应的界面：

<Nav>
  <NavSection>
    <NavItem onClick={() => navigate("/")}>
      <NavItemLabel>首页</NavItemLabel>
    </NavItem>
    <NavItem onClick={() => navigate("/article")}>
      <NavItemLabel>文章</NavItemLabel>
    </NavItem>
    <NavItem onClick={() => navigate("/video")}>
      <NavItemLabel>视频</NavItemLabel>
    </NavItem>
  </NavSection>
</Nav>

最后，我们需要在每个界面中添加对应的内容，例如：

const HomePage = () => {
  return <h1>这是首页</h1>;
};

const ArticlePage = () => {
  return <h1>这是文章页面</h1>;
};

const VideoPage = () => {
  return <h1>这是视频页面</h1>;
};

完整代码示例：

import { Nav, NavSection, NavItem, NavItemLabel, Router, Route, navigate } from "@elevenia/master-ui/components";

const HomePage = () => {
  return <h1>这是首页</h1>;
};

const ArticlePage = () => {
  return <h1>这是文章页面</h1>;
};

const VideoPage = () => {
  return <h1>这是视频页面</h1>;
};

const LeftMenu = () => {
  return (
    <>
      <Nav>
        <NavSection>
          <NavItem onClick={() => navigate("/")}>
            <NavItemLabel>首页</NavItemLabel>
          </NavItem>
          <NavItem onClick={() => navigate("/article")}>
            <NavItemLabel>文章</NavItemLabel>
          </NavItem>
          <NavItem onClick={() => navigate("/video")}>
            <NavItemLabel>视频</NavItemLabel>
          </NavItem>
        </NavSection>
      </Nav>
      <Router>
        <Route path="/" component={HomePage} />
        <Route path="/article" component={ArticlePage} />
        <Route path="/video" component={VideoPage} />
      </Router>
    </>
  );
};

export default LeftMenu;