小程序輸入框文字上移問題 安卓機子文字彈出輸入框

輸入框文字上移問題

wxlm

<input autoFocus="true" bindconfirm="confirmSearch" bindinput="search" class="srch-ipt" confirmType="search" placeholder="搜索內容" placeholderClass="ipt-placeholder" type="text" value=""></input>
複製代碼

wxss

.srch-ipt {
  /* prettier-ignore */
  height: 32PX;
  text-align: left;
  /* prettier-ignore */
  font-size: 15PX;
}

.ipt-placeholder {
  /* prettier-ignore */
  font-size: 15PX;
  color: #bebebe;
  text-align: left;
}

.lxy-nav-bar-search__input {
  flex: 1;
}
複製代碼

上方代碼能夠完美解決ios文字上移問題，對於Android會下降偏移大小，由於此問題是微信原生組件所帶來的，因此此套方案較爲合適

Android機子文字彈出輸入框

• 在 Android 機子會出現文字被鍵盤彈起頂出 input 框，解決方案爲頁面設置一個死的高度不要高於 windowHeight，最好是設置一個固定高度或者動態計算高度賦值

小程序自定義導航欄（完美適配全部手機）

• Taro組件gitHub地址詳細用法請參考README
• 原生組件npm構建版本gitHub地址詳細用法請參考README
• 原生組件簡易版gitHub地址詳細用法請參考README