angularjs – ionic – 如何在sidemenu中创建小图标？

发布时间：2020-12-17 17:06:35 所属栏目：安全来源：网络整理

导读：我从客户那里得到了一个设计.我想在我的sidemenu中嵌入小图标. 我目前的代码 ion-side-menus ion-pane ion-side-menu-content ion-nav-bar class="bar-stable nav-title-slide-ios7" ion-nav-back-button class="button-clear"i class="icon ion-ios7-arrow-

我从客户那里得到了一个设计.我想在我的sidemenu中嵌入小图标.

我目前的代码

<ion-side-menus>

  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-pane>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Menu</h1>
    </header>
    <ion-content class="has-header">
      <ion-list>
        <ion-item nav-clear menu-close href="#/app/home">
          Home
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/profile">
          Profile
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/friend">
          Friends
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/setting">
          Setting
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/shop">
          Shop
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

我的目标

解决方法

我已经得到了答案

<ion-side-menus>

  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-pane>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
    </header>
    <ion-content class="has-header mymenu">
      <ion-list>
        <ion-item nav-clear menu-close href="#/app/home">
            <img src="img/home.png" width="30" />Home </ion-item>
        <ion-item nav-clear menu-close href="#/app/profile">
            <img src="img/profile.png" width="30" />Profile </ion-item>
        <ion-item nav-clear menu-close href="#/app/friend">
          <img src="img/friend.png" width="30" ng-click="friend()"/>Friends
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/setting">
          <img src="img/setting.png" width="30" />Setting
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/shop">
          <img src="img/shop.png" width="30" ng-click="shop()"/>Shop
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!