uniapp键盘收缩时没有动画效果如何办

问题描述：

在使用uniapp进行移动端应用开发时，由于系统键盘的出现与收缩会造成布局的变化，因此希望键盘收缩时有动画效果，但默认情况下键盘的出现与收缩并没有动画效果。

解决方案：

uniapp可以通过监听键盘的出现与收缩事件来实现键盘收缩时的动画效果。

方案实现：

1. 使用vue组件中的watch方法监听键盘的出现与收缩事件。

watch: {
  '$store.state.keyboardHeight'(height) {
    // 监听键盘高度的变化
  }
}

2. 布局中需要考虑键盘出现与收缩时底部的位置变化，可以通过设置底部组件的位置以及大小来实现动画效果。

3. 在监听键盘事件时需要考虑键盘的出现与收缩次数，在多次触发时需要取消之前的监听事件，可以使用lodash库中的debounce函数实现。

watch: {
  '$store.state.keyboardHeight': _.debounce(function (height) {
    // 监听键盘高度的变化
  }, 300)
}

方案总结：

通过监听键盘的出现与收缩事件，并在布局中设置动画效果，可以实现键盘收缩时的动画效果。对于键盘事件的多次触发，可以使用lodash库中的debounce函数实现节流，避免多次重复操作。