4

我正在尝试在左侧和右侧使用导航图像，<super-navbar>但在官方文档中说明，超级导航栏按钮仅支持文本。但是必须有一些方法可以做到这一点。下面是我的代码，我想在其中放置图像而不是文本：

<super-navbar>
    <super-navbar-button side="left" id="hamburger" onclick="supersonic.ui.drawers.open()">Menu</super-navbar-button>
    <super-navbar-title>MyApp</super-navbar-title>
    <super-navbar-button side="right">Search</super-navbar-button>
  </super-navbar>

而不是“菜单”文本，我希望至少有汉堡类型的图标或 png 图像。搜索文本也是如此。

谢谢。

4

1 回答 1

4

这可以通过删除该<super-navbar>部分并编写您自己的 html 标头来完成。

如果您查看项目的布局文件，则会出现您提到的导入语句：

<link rel="import" href="/components/supersonic/components/import.html">

有一段说：

* @name super-navbar-button

* When used inside theelement, creates a button that will be displayed on the navigation bar. Only text content is supported for the button title.

已请求支持图标。您可以订阅他们的 github 以获取问题通知。https://github.com/AppGyver/steroids

一种能够继续使用<super-navbar>并拥有图标的解决方法是使用类似这样的东西，它将呈现为 ≡

<super-navbar-button ng-click="toggleMenuDrawer()">
    &equiv;
</super-navbar-button>

他们在 Muut 上也有一个很好的论坛。此问题很可能与尝试在<super-navbar>. 在尝试添加标记后，我遇到了一个消失的导航栏：<i class="icon super-search"></i> 它在主要内容区域中工作，但是当嵌套在<super>元素中时，导航栏的行为会有所不同。

于 2015-03-06T21:14:38.287 回答