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

2019年08月10日作者：佚名

我不明白为什么在 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 – 标题栏中的Ionic搜索输入全部内容，希望文章能够帮你解决ios – 标题栏中的Ionic搜索输入所遇到的程序开发问题。

如果觉得来客网网站内容还不错，欢迎将来客网网站推荐给程序员好友。