收藏
回答

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

框架类型 问题类型 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


回答关注问题邀请回答
收藏

3 个回答

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

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

    display:flex; 就可以了哈



    2019-04-01
    有用
    回复 2
    • [Emm]💀
      [Emm]💀
      2019-04-01

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

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

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

      2019-04-01
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2019-04-01回复[Emm]💀

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

      2019-04-01
      回复
  • pein+A
    pein+A
    03-17

    有什解决方案?遇到同样的问题

    03-17
    有用
    回复
  • [Emm]💀
    [Emm]💀
    2019-03-29

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


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


    万分感谢!


    传送门:

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

    2019-03-29
    有用
    回复
登录 后发表内容