Nav

<script>
  import { Nav, NavItem, NavLayout } from 'svelma-pro'
</script>

  <Nav logoImg="/logo-192.png">
    <NavLayout navPosition="center">
      <NavItem>管理工具</NavItem>
      <NavItem>开发资源</NavItem>
    </NavLayout>
    <NavLayout navPosition="end">
      <NavItem>
        <Button type="is-link">登录</Button>
      </NavItem>
    </NavLayout>
  </Nav>

<script>
  import { Nav, NavItem, NavLayout } from 'svelma-pro'
</script>

  <Nav logoImg="/logo-192.png" background="rgba(0,0,0)">
      <NavItem isHover={true}>
        <span style="color:#fff">管理工具</span>
        <div slot="hover">
          <NavItem>开发资源</NavItem>
          <NavItem>开发资源</NavItem>
          <NavItem>开发资源</NavItem>
        </div>
      </NavItem>
      <NavItem><span style="color:#fff">开发资源</span></NavItem>
    </Nav>