微信小程序在设置van-field的高度的时候，设置了wx.onKeyboardHeightChange去获取键盘的高度，
实现这样的效果
但是在苹果机型上
键盘跟输入框之间多了一段高度，这是怎么回事？
微信小程序在设置van-field的高度的时候，设置了wx.onKeyboardHeightChange获取键盘的高度，但是多了一段高度
但是在苹果机型上
键盘跟输入框之间多了一段高度，这是怎么回事？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- littledidi 2022-08-30 09:49关注
因为苹果部分机型屏幕会有底部安全高度，所以要减去底部安全高度，这样才能做到正确的样式展示
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-08-23 17:18回答 1 已采纳 方便写示例就没有引用van-field，这里使用的是原生组件，应该是共通的。参考文档https://developers.weixin.qq.com/miniprogram/dev/api/devic
- 2022-06-22 11:18回答 2 已采纳 onChange(event){ this.setData({ result: event.detail }) },onChange方法里要写赋值
- 2022-06-21 14:59回答 1 已采纳 placeholder-style="text-align:right;"
- 2023-03-07 17:55YanWaite的博客 微信小程序使用 vant-weapp 组件 van-field 类型为 textarea 在 IOS 端出现的问题记录
- 2022-04-15 21:57回答 1 已采纳 自己引入字体包，然后再引用，不同手机都有自己的默认字体，所以需要自己引入
- 2022-06-01 22:48回答 1 已采纳 let filePath = wx.env.USER_DATA_PATH + "/" + name console.log(filePath) let fs = wx.getF
- 2022-03-10 15:25回答 2 已采纳 wx.uploadFile是个异步过程，在执行的时候不会立即返回结果，从log日志里就可以看出来
- 2022-08-26 15:53dbt@L的博客 微信小程序——微信小程序中类似v-model的双向绑定写法
- 2021-05-15 16:26回答 1 已采纳 不行的，这个微信内置的头。开发工具你可以用XN Resource Editor看下是否有对应字符串，有的话就修改。 手机的就没搞了。。
- 2022-10-21 12:56回答 5 已采纳 "baidu-aip-sdk":"~2.4.6" var AipImageClassifyClient = require("baidu-aip-sdk").imageClassify; 降级bai
- 2022-02-10 23:14回答 7 已采纳 用一个变量记录选中的下标，然后wx:for的时候和遍历到的数组下标index比较下就行，不需要if判断，直接设置class属性，示例如下代码片段：https://developers.weixin.q
- 2022-10-11 08:30河西石头的博客 我们都知道，虽然微信小程序的wxcss与css类似，但我们写前端一个个的样式去写完，不太现实，没有那个时间，也没有那个必要。其实早就有类似的样式插件可以解决这些问题。这里我们就来看看vant在微信小程序中的使用。
- 2018-06-14 14:49秦璐璐的博客 通过css设置以便子元素使用height:100%page{ width: 100%; height: 100%;}通过js设置 var that = this; // 高度自适应 wx.getSystemInfo({ success: function (res) { var clientHeight = res.windowHeight-120, ...
- 2020-08-14 09:49从19年开始写的博客 只要设置auto-height 只是显示一行文本，唯有去掉auto-height 才不会出现文本出现了隐藏~
- 2024-11-25 09:59元气软件的博客 【微信小程序】基于vant-weapp选择器实现多选。基于上述文章进行改造及优化。
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月2日-
已采纳回答
8月30日
-
创建了问题
8月29日