微信小程序中仿微信聊天界面的详细设计与实现，涵盖各种细节处理。

简介：
本文详细阐述了如何利用微信小程序模拟微信聊天界面的实现过程，并分享给读者。具体步骤如下：首先，让我们预览一下最终呈现的效果。为了达成这一目标，我们需要着手解决两个关键技术难题：其一，当点击输入框并弹出软键盘时，现有聊天内容部分会显示，从而遮挡部分消息；其二，键盘的展开和收起操作可能导致聊天消息未能自动滚动至底部。接下来，我们将重点解决第二个问题——实现自动滚动到最底部的功能。这里提供三种解决方案，其中推荐采用第三种方法：1. 通过计算每条消息的最大高度，并将其乘以消息总数来确定scroll-top值（单位：px），从而实现自动滚动到最底部；2. 使用一个包裹展示消息的目标scroll-view组件，并通过JavaScript代码获取该view的实际高度（var that = this; var query = wx.cr