收藏
回答

image组件设置图片无法圆角化?求解。

开发者工具中圆角正常,其他页面使用下面的代码也能正常显示圆角,现在这个页面就没法显示,我服了


代码部分


开发者工具中显示正常:



实机运行无圆角:



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

4 个回答

  • 茜茜又困了🐽
    茜茜又困了🐽
    2022-05-23

    image外边套一层view,给view设置圆角 溢出部分隐藏试试

    2022-05-23
    有用 1
    回复 2
    • J.
      J.
      2022-05-23
      谢谢,已经解决,我自己检查代码发现,是因为position: relative;left: 50%;transform: translate(-50%, 0); 这三句代码导致的(具体原因不详),在父级view中使用flex布局替换前三行代码居中,完美解决。
      2022-05-23
      回复
    • 茜茜又困了🐽
      茜茜又困了🐽
      2022-05-23回复J.
      解决了就好
      2022-05-23
      回复
  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    2022-05-23

    这个肯定是代码问题

    2022-05-23
    有用 1
    回复 1
    • J.
      J.
      2022-05-23
      谢谢,已经解决,我自己检查代码发现,是因为position: relative;left: 50%;transform: translate(-50%, 0); 这三句代码导致的(具体原因不详),在父级view中使用flex布局替换前三行代码居中,完美解决。
      2022-05-23
      回复
  • 跨商通
    跨商通
    2022-05-22

    1、我怎么觉得直角更好看?

    2022-05-22
    有用
    回复 1
    • J.
      J.
      2022-05-22
      整体UI不太和谐
      2022-05-22
      回复
  • 小黎
    小黎
    发表于小程序端
    2022-05-22

    真机调试审查一下元素

    2022-05-22
    有用
    回复 3
    • J.
      J.
      2022-05-22
      具体怎么操作呢,纯小白,望大神指点
      2022-05-22
      回复
    • J.
      J.
      2022-05-22回复 M
      不是,我说的是 ”审查一下元素“
      2022-05-22
      回复
    • J.
      J.
      2022-05-23
      谢谢,已经解决,我自己检查代码发现,是因为position: relative;left: 50%;transform: translate(-50%, 0); 这三句代码导致的(具体原因不详),在父级view中使用flex布局替换前三行代码居中,完美解决。
      2022-05-23
      回复
登录 后发表内容