steroids - 应用程序 : How to use Ionic Icons or images in super-navbar?

Question

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

<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 图像，而不是“菜单”文本。搜索文本也是如此。

谢谢。

Answer 1

现在可以通过删除 <super-navbar> 来实现这一点。部分并编写您自己的 html 标题。

如果您查看项目的布局文件，则会有您提到的导入语句:
<link rel="import" href="/components/supersonic/components/import.html">
有一节说:
* @name super-navbar-button* When used inside the element, 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 上也有一个很好的论坛。 This issue很可能与尝试在 <super-navbar> 中添加图标有关。 .尝试添加标记后，我遇到了导航栏消失的情况:<i class="icon super-search"></i>它适用于主要内容区域，但是当嵌套在 <super> 中时，导航栏的行为会有所不同。元素。