本文记录了将mui的chat界面迁移到uni-app过程中遇到的问题和解决方案，包括scroll-view高度设置、scroll-top的使用等。在uni-app中，通过计算获取scroll-view的高度，并利用scroll-top实现实时滚动。此外，还提到了uni-app img组件在不同平台的路径问题以及键盘弹出时的显示问题。
在mui中有chat界面的例子，升级到uni-app后，没有类似的模板，因此模仿写了一个。遇到了一些坑，在此一一记录下来。当然，由于是新手，可能有些坑可以避开。
scroll-view高度的设置
输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni.pageScrollTo的方式，但是这个页面刷新的太厉害，输入框都刷新了，没法使用。所以只能使用scroll-view组件。但是通过scroll-view使用竖向滚动时，需要给 <scroll-view> 一个固定高度。为了适配屏幕的大小，则需要通过计算来确定scroll-view的高度。
<scroll-view id="scrollview" :style="{height:style.contentViewHeight+'px'}" :scroll-with-animation="true" :scroll-top="scrollTop">
</scr
最低0.47元/天 解锁文章
扫一扫
5814
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
