优化键盘遮挡输入框问题

键盘遮挡输入框是一个常见的移动端问题。以下解决方案:
1.在 input 元素上添加 adjust-position 属性:

<input 
    v-model="inputText" 
    placeholder="输入消息..." 
    @confirm="sendTextMessage"
    adjust-position="true" />
  <view>

2.在 pages.json 中配置页面:

{
  "pages": [
    {
      "path": "pages/intelligenceAI/index",
      "style": {
        "navigationBarTitleText": "智能AI",
        "softinputMode": "adjustResize"
      }
    }
  ]
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容