vue项目 input标签失去焦点，页面出现空白区域

最近在做的是微信抢红包功能 微信打开链接的页面中 input标签在失去焦点的时候会出现空白区域（空白区域大小是软键盘大小） 需要下拉 才能显示完整页面

<input class="num_input" v-model="phone" type="text" placeholder="请输入账号手机/邮箱" @blur="viewRestore">
 viewRestore() {
      document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
    },