uniapp聊天页面置底

在uniapp中，要实现聊天页面置底的效果，可以通过以下步骤来实现：

1. 在data中定义一个变量scrollTop，用于控制scroll-view的滚动位置。

2. 在onLoad生命周期函数中，监听键盘高度的变化，并根据键盘高度的变化来调整聊天框的位置。可以使用uni.onKeyboardHeightChange()方法来监听键盘高度的变化，并在回调函数中更新keyboardHeight的值。

3. 在onUnload生命周期函数中，记得要移除键盘高度变化的监听函数，使用uni.offKeyboardHeightChange()方法来移除监听。

4. 在视图部分，使用scroll-view组件来实现滚动效果。设置scroll-view的高度为窗口高度减去键盘高度，即`:style="{height: `${windowHeight-keyboardHeight}rpx`}"`。同时，设置scroll-view的scroll-y属性为true，表示可以垂直滚动。

5. 在发送消息的按钮点击事件中，可以通过调用scroll-view的scrollToBottom()方法来实现滚动到底部的效果。可以在发送消息之后，延时一段时间再调用scrollToBottom()方法，以确保消息发送的动画效果完成。

综上所述，以上是实现uniapp聊天页面置底的一种方法。希望对你有帮助！[1][2][3]