ionic默认样式android和ios的一些不同
发布于 2年前 作者 DongHongfei 16718 次浏览 来自 分享

ionicframework中android和ios在默认样式上有一些不同的地方,官方文档中都有说明,但是经常会想不起。

1.tab位置,$ionicConfigProvider, tabs.position(value)

Android 默认是顶部(top),Ios是底部 (bottom)

官方文档

2.标题android默认靠左边,ios默认居中

navBar.alignTitle(value)

Which side of the navBar to align the title. Default center. 官方文档

10 回复

使用ion-header-bar的时候,左右各有一个图标,还有标题,当左边图标旁边有汉字时,在手机上测试标题就不居中了,这是什么问题??

因为在android上默认是靠左显示标题的,设置<ion-header-bar align-title="center"就行了 http://ionicframework.com/docs/api/directive/ionHeaderBar/

@zhanyz 不行啊,就像是左边有盒子似的,标题总是离左边图标和文字很远,不居中显示。将左边图标旁边的文字去掉之后,标题就可以居中显示了

@mmgirl 你把你的代码贴出来看看

@zhanyz
我左边图标旁边文字是动态绑定的

@mmgirl 看一下这个链接http://ionicframework.com/docs/api/directive/ionHeaderBar/ 把class="title"拿出来,不是放在class="buttons"里面的

@zhanyz拿出来在手机上运行也不居中

@mmgirl 应该是这样子写 U1_SV7ZE_$7V%GDH)C1RN_A.png

@zhanyz 是不是因为我自定义样式了,所以显示的不正常?

回到顶部