收藏
回答

cover-view实现聊天框,聊天内容从下向上显示问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug cover-view 客户端 7.0.3 2.6.0

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


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

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

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


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

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


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





测试机型:iphone78、华为MATE10


最后一次编辑于  03-29
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    04-01

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

    display:flex; 就可以了哈



    04-01
    赞同
    回复 2
    • 老鸟背着小鸟飞
      老鸟背着小鸟飞
      04-01

      大哥,这么敷衍不好吧..

      我使用display:flex 是为了反向布局,使新的聊天记录出现在cover-view的底部.

      如果不用display:flex布局,我用什么方式来实现我想要的效果呢?

      04-01
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      04-01回复老鸟背着小鸟飞

      目前 cover-view / cover-image的组件对flex支持不太友好,后续我们看下如何优化,感谢反馈

      04-01
      回复
  • 老鸟背着小鸟飞
    老鸟背着小鸟飞
    03-29

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


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


    万分感谢!


    传送门:

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

    03-29
    赞同
    回复