ios – 标题栏中的Ionic搜索输入

前端之家收集整理的这篇文章主要介绍了ios – 标题栏中的Ionic搜索输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不明白为什么在 IOS模拟器中渲染输入文本时稍微偏移到底部,并且浏览器位于右侧.

代码很简单:

<ion-nav-title>
    <div class="bar bar-header item-input-inset">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input ng-model="search_text" type="text" placeholder="Search..." focus-me my-enter="search_model(search_text)" autofocus>
        </label>
    </div>
</ion-nav-title>

这里我附加两个快照(在浏览器和IOS模拟器中):


什么是hapenning?

解决方法

标题栏不应该在离子导航标题内.实际上,如果你使用class =“bar header-bar”的div,你可以使用class =“title”来声明一个标题.例如:
<div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div>

删除ion-nav-title标签应该可以解决问题.

猜你在找的iOS相关文章