公告列表
公告列表
收藏
回答

在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)
请 登录 后发表内容
相关问题
相关文档
问题标签
基础内容开发者工具iphone小程序开发组件rich-text