PhoneGap中文网

 找回密码
 立即注册
查看: 18327|回复: 4
打印 上一主题 下一主题

ionic的顶部导航栏,在手机端显示具体顶部太近了,怎么修?

[复制链接]

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
跳转到指定楼层
楼主
发表于 2016-4-25 19:37:10 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
除了强制重新修改高度,还有别的方法吗?
phonegap上的模板下来看后,在手机中打开,它能自己适应手机端,顶部空出一部分,效果刚好,请教大神,这是为什么?



回复

使用道具 举报

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
沙发
发表于 2016-4-25 20:00:19 | 只看该作者
本帖最后由 ionicwang 于 2016-4-25 20:01 编辑

你用ionic创建项目的话里面有状态栏插件

状态栏插件会自己帮你适应


   if (window.StatusBar) {
          //org.apache.cordova.statusbar required
           StatusBar.styleLightContent();
    }



回复 支持 反对

使用道具 举报

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
板凳
 楼主| 发表于 2016-4-25 20:47:45 | 只看该作者
ionicwang 发表于 2016-4-25 20:00
你用ionic创建项目的话里面有状态栏插件

状态栏插件会自己帮你适应

这代码,创建ionic项目时候就在了啊,但是效果还是没有。。。。
回复 支持 反对

使用道具 举报

11

主题

529

帖子

1418

积分

金牌会员

Rank: 6Rank: 6

积分
1418
地板
发表于 2016-4-26 08:55:10 | 只看该作者
unclejoker 发表于 2016-4-25 20:47
这代码,创建ionic项目时候就在了啊,但是效果还是没有。。。。

新建一个ionic项目试试     1.状态栏插件得安装  2.得写上面的代码
回复 支持 反对

使用道具 举报

6

主题

19

帖子

99

积分

注册会员

Rank: 2

积分
99
5#
 楼主| 发表于 2016-4-26 13:03:44 | 只看该作者
本帖最后由 unclejoker 于 2016-4-26 19:42 编辑
ionicwang 发表于 2016-4-26 08:55
新建一个ionic项目试试     1.状态栏插件得安装  2.得写上面的代码

我原先是通过下面的代码创建的项目

  1. $ sudo npm install –g cordova
  2. $ cordova create hello com.example.hello "HelloWorld"
  3. $ cd hello $ cordova platform add ios
  4. $ cordova prepare # or "cordova build"
复制代码


现在用下面的代码创建ionic项目,顶部是自适应的
  1. ionic start myproject
  2. cd myproject
  3. ionic platform add ios
  4. ionic build ios
  5. ionic emulate ios
复制代码

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-4-25 02:55 , Processed in 0.056647 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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