Question

我正在尝试将3列添加到离子导航栏中，但它不起作用。这是我的代码：

<ion-nav-bar class="bar-dark nav-title-slide-ios7">
      <ion-nav-back-button class="button-icon ion-arrow-left-c">
        <div class=row>
            <div class="col"> Andreea </div>
            <div class="col"> Kate</div>
            <div class="col"> Andi </div>
        </div>  
      </ion-nav-back-button>
</ion-nav-bar>

知道我做错了什么吗？你愿意把它作为一个清单（ul，li）吗？

谢谢！

Answer 1

您可以考虑使用ion-header-bar代替ion-nav-bar，因为它允许更多的自定义。（它将与您的代码中的多个列一起使用。）但是，您将失去内置于ion-nav-bar的ui-router集成，这需要您自己处理所述导航。有关详细说明，请参阅此页面：Navigating Ionic's Headers。以下是文章结论的要点：

标准标题栏本身作为纯UI元素提供，可根据开发人员的需求进行扩展，但不会与Ionic的路由器和导航堆栈进行高级集成。导航栏在使用中更加自以为是，但它提供了很大的回报。

在Ionic中修改Navbar

1 个答案: