ios van-popup弹出层 van-field输入时，键盘会盖住输入框

在iOS中，当使用Vant UI库的van-popup弹出层（通常用于显示模态信息或表单）以及van-field输入框时，遇到键盘盖住输入框的问题是很常见的。这是因为当用户开始输入文字，系统会自动显示软键盘，由于其默认位置是在屏幕底部，所以可能会导致输入框暂时被遮挡。

解决这个问题的方法有几种：
1. **设置Auto Adjust Margins**：在van-popup组件上启用`auto-adjust-margin`属性，这会让popup在软键盘弹出时自动向上移动，留出足够的空间给输入框。

<van-popup :auto-adjust-margin="true">
   <!-- 输入框内容 -->
</van-popup>

2. **监听键盘事件**：通过JavaScript监听`WKUserInterfaceIdiomPhone`设备上的键盘事件（如`UIKeyboardWillShowNotification`），然后动态调整页面布局。

import { listen, removeEventListener } from 'vant';

export default {
  mounted() {
    listen('keyboard', this.handleKeyboardChange);
  },
  beforeDestroy() {
    removeEventListener('keyboard', this.handleKeyboardChange);
  },
  methods: {
    handleKeyboardChange(e) {
      if (e.detail.keyboardType === 'default') {
        // 调整input的位置或其他需要的操作
      }
    },
  },
}

3. **使用蒙版层**：如果应用中允许，可以创建一个透明的蒙版层覆盖整个屏幕，当键盘打开时显示，关闭时隐藏，这样可以保证输入框始终可见。