cover-view实现聊天框,聊天内容从下向上显示问题
发布于 5 年前 作者 fxue 8753 次浏览 来自 问答

各位大神好,在使用cover-view时遇到个问题,寻求解决方案。


预想效果是类似直播平台的聊天框一样。

第一条聊天记录显示在最底部,后续聊天记录都会显示在底部,将之前的聊天记录往上顶。

聊天记录总高度超过容器高度,容器出现滚动条。


目前控制css的 display:flex 和 flex-direction:column-reverse在view中可以实现。

因为是在live-player中使用,只能选择cover-view。


在IDE中是没问题的,真机测试时,cover-view出现问题,如下图。





测试机型:iphone78、华为MATE10

2 回复

你好,不建议用 flex 来布局 cover-view / cover-image,去掉

display:flex; 就可以了哈

在之前有位朋友提出过这个问题,但没有解决。

再次提出这问题,就是想请求各位大神帮忙解决这个问题,实在不行请各位给个代替方案。

万分感谢!

传送门:

https://developers.weixin.qq.com/community/develop/doc/000c4c65e504e0679248f386a56000

回到顶部