设为首页收藏本站
开启辅助访问 切换到宽版

PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网»社区板块 › IT营全栈开发 › Cordova/phonegap开发 › ionic框架中，想在顶部标题栏右侧增加图标按钮，怎么写 ...
返回列表 发新帖
查看: 19648|回复: 3
打印 上一主题 下一主题

ionic框架中，想在顶部标题栏右侧增加图标按钮，怎么写

[复制链接]
unclejoker

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
跳转到指定楼层
楼主
发表于 2016-4-23 18:02:06 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
index.html
  1. <ion-nav-bar class="bar-stable" animation="slide-left-right">
  2.           <ion-nav-back-button class="button-clear">
  3.                <i class="ion-ios-arrow-left"></i>
  4.                <!--标题-->
  5.          </ion-nav-back-button>

  7. </ion-nav-bar>


  10. <ion-nav-view>
  11.           <!--内容-->
  12. </ion-nav-view>
复制代码
tabs.html
  1. <ion-tabs class="tabs-icon-top tabs-stable tabs-color-active-balanced {{hideTabs}}">
  2.       <ion-tab title="首页" icon-on="ion-ios-home" icon-off="ion-ios-home-outline" ui-sref="tab.home">
  3.                  <ion-nav-view animation="slide-left-right" name="tab-home"></ion-nav-view>
  4.      </ion-tab>
  5.      <ion-tab title="订单" icon-on="ion-ios-list" icon-off="ion-ios-list-outline" ui-sref="tab.order">
  6.             <ion-nav-view animation="slide-left-right" name="tab-order"></ion-nav-view>
  7.      </ion-tab>
  8. </ion-tabs>
复制代码
order.html
  1. <ion-view view-title="全部订单">
  2.      <ion-content class="padding">
  3.       
  4.      </ion-content>
  5. </ion-view>
复制代码


3835612552-57145290b1d49.jpg (6.25 KB, 下载次数: 449)

3835612552-57145290b1d49.jpg
回复

使用道具 举报

cswisodmliu

0

主题

54

帖子

304

积分

中级会员

Rank: 3Rank: 3

积分
304
地板
发表于 2016-4-26 14:37:03 | 只看该作者
可以的，看http://www.ionic.ren/category/angularjsionic/ionicjs/
回复 支持 反对

使用道具 举报

unclejoker

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
板凳
 楼主| 发表于 2016-4-25 11:14:24 | 只看该作者
ionicwang 发表于 2016-4-23 19:33
http://www.ionic.wang/course-index.html  

第26 27节看看

index.html
  1. <body ng-app="app">
  2.     <ion-nav-view animation="slide-left-right">
  3.     </ion-nav-view>
  4. </body>
复制代码

  1. <ion-header-bar align-title="left" class="bar-dark">
  2.             <div class="h1 title">title</div>
  3.             <div class="buttons">
  4.                 <button class="button no-animation button-icon icon ion-android-search">
  5.                 </button>
  6.                 <button class="button no-animation button-icon icon ion-android-add">
  7.                 </button>
  8.             </div>
  9.         </ion-header-bar>
  10. <ion-view on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()">
  11.     <ion-content>
  12.         <h1 >发现</h1>
  13.     </ion-content>
  14. </ion-view>
复制代码


我是不是要这样写，才能单独给每个页面可以添加，按照我原先的写法，是写不了的？
回复 支持 反对

使用道具 举报

ionicwang

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
沙发
发表于 2016-4-23 19:33:45 | 只看该作者
http://www.ionic.wang/course-index.html  

第26 27节看看


基础教程没有看的话建议挨着看看
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2025-1-6 20:24 , Processed in 0.069365 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表