uniapp写评论软键盘遮挡input样式

在uniapp中，可以通过监听键盘弹起事件来动态调整页面布局，以避免软键盘遮挡input样式的问题。具体实现步骤如下：

1. 给页面的根元素添加一个固定高度的样式，例如：

page {
  height: 100vh;
}

2. 在页面的`onLoad`生命周期函数中，添加监听键盘弹起事件的代码：

onLoad() {
  uni.onKeyboardHeightChange(res => {
    const windowHeight = uni.getSystemInfoSync().windowHeight
    const inputHeight = 50 // 假设input的高度为50px
    const keyboardHeight = res.height // 获取键盘高度
    const offset = windowHeight - keyboardHeight - inputHeight // 计算input距离键盘顶部的距离

    // 如果offset为负数，说明键盘遮挡了input，需要调整页面的滚动位置
    if (offset < 0) {
      uni.pageScrollTo({
        scrollTop: -offset,
        duration: 300
      })
    }
  })
}

3. 在input组件上设置一个固定高度的样式，例如：

input {
  height: 50px;
}

这样，在键盘弹起时，页面会自动滚动到input上方，避免软键盘遮挡input样式的问题。