Question

我是Ionic的新手，我正在使用Ionic创建一个桌面版网站（我知道Ionic适用于移动应用程序）。我想要实现的是在引导线上创建更多顶级菜单。但是，我发现我只能在侧面添加菜单（左侧和右侧，而中心区域是标题）。如何使用Ionic实现顶部水平菜单栏。任何帮助或指示都将受到高度赞赏。

Answer 1

<ion-nav-bar class="bar-dark ">
            <ion-nav-back-button class="button-clear">
                <i class="ion-chevron-left"></i>  
            </ion-nav-back-button>
            <ion-nav-buttons  side="right" style="width: calc(100% - 60px);">
                <label class="item item-input transparentBack noBorder" style="padding-left:1px;margin-right:12px">
                  <i class="icon ion-ios-search placeholder-icon  "></i>
                  <input ng-click="runHashTagSearch('#-1')" type="text" class="navSearchHolder" placeholder="search in " >
                </label>
                <div style="width: 110px;margin-top: 11px;">
                  <span ui-sref="messagesHome"    style="width:auto;display: inline;"  >
                    <i class="icon ion-ios-email" style="font-size: 24px;padding: 6px;     "> </i>

                  </span>
                  <span style="width:auto;display: inline;"   ng-click="goToStateAnimated()">
                    <i class="icon ion-android-notifications" style="font-size: 24px;padding: 6px;"> </i>

                  </span>
                </div> 
            </ion-nav-buttons>
        </ion-nav-bar>

我可以使用离子框架创建像桌面应用程序这样的顶级导航菜单

1 个答案: