收藏
回答

在view中嵌套rich-view,使用border-radius,显示bug?

在view中,嵌套rich-view,同时使用border-radius,iPhone会有显示的bug,开发者工具调试不会,安卓还没试过,如下图所示:

尝试将rich-text去掉,则不会出现这种状况,如下图所示:


微信版本:7.0.14,系统版本:ios 13.5.1

最后一次编辑于  2020-07-06
回答关注问题邀请回答
收藏

2 个回答

  • 小程序技术专员-binnie
    小程序技术专员-binnie
    2020-08-25

    这个是IOS本身的渲染问题,建议自行规避

    2020-08-25
    有用 1
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2020-07-06

    你好,麻烦具体描述问题流程,提供出现问题的具体机型、能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-07-06
    有用
    回复 6
    • 秋兴
      秋兴
      2020-07-06
      https://developers.weixin.qq.com/s/N82DJEmG7WiX
      不能真机调试,不确定能否复现
      2020-07-06
      回复
    • 秋兴
      秋兴
      2020-07-06
      微信版本:7.0.14,系统版本:ios 13.5.1,小程序版本:任意版本。在rich-text外面套一个view,设置padding,然后真机就会出现了,rich-text的内容要超过view的高度,最好内容多一些,真机很容易复现。线上的小程序也可以看得到,具体搜择校连连看 => 高中大全 => 随便点一个学校查看详情就看得到了。
      2020-07-06
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2020-07-07回复秋兴
      测试iPhone11正常的哦,新建/导入代码片段填写appid可真机调试,是哪些机型、系统版本、微信版本有这个问题呢,建议都说明下,也确认下代码片段能否复现问题
      2020-07-07
      回复
    • 秋兴
      秋兴
      2020-07-07回复疯狂的小辣椒
      重新改了一下代码,可以复现,代码片段:https://developers.weixin.qq.com/s/kH5ZKFm17Piq,appid可以填写:wx5050797d30819d39。机型是iPhone XS Max、系统版本是:13.5.1。微信版本是7.0.14。先无视图片哈,图片超宽没有做处理了,正式版的代码是有处理的,这里为了快速测试,就不管了。
      2020-07-07
      回复
    • 秋兴
      秋兴
      2020-07-07回复疯狂的小辣椒
      又试了一下,用border-radius是没有的问题的,我用的是border-top-left-radius跟border-top-right-radius,实测用其中一个也会出现同样的情况。
      2020-07-07
      回复
    查看更多(1)
登录 后发表内容
问题标签