2016-08-19 7 views
1

私はIonicを初めて使用しており、Ionicを使用してデスクトップサイトを作成するまでです(Ionicはモバイルアプリ用です)。私が達成しようとしているのは、ブートストラップの行にもっとトップメニューを作ることです。しかし、私は私のメニューを両側に加えることができることを知っています(左側は&、中央はタイトルの意味です)。どのようにしてIonicを使ってトップ水平のメニューバーを実現できますか?どんな助けや指示も高く評価されます。ionic frameworkを使用してデスクトップアプリのようなトップナビゲーションメニューを作成することはできますか?

答えて

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> 
関連する問題