收藏
回答

open-data头像显示问题

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug ios 10.3.3 苹果 6.6.6

刚才试了小程序的open-data,头像显示太不友好,我把组件设置了圆角,但图片还是显示成方形,也不能像image组件那样,支持裁剪

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

8 个回答

  • undefined
    undefined
    2018-05-02

    可以圆角

    要加个overflow:hidden

    .testAvatar{

    display: block;

    width: 400rpx;

    height: 400rpx;

    border-radius: 50%;

    overflow: hidden

    }


    2018-05-02
    有用 3
    回复
  • 🎈JaimeCheng
    🎈JaimeCheng
    2018-04-28

    可以做成圆的  你修改错样式了 那个头像 是在伪类元素 你修改他的伪类 border-radius

    .userinfo-avatar::after{

        border-radius: 140rpx;

    }


    2018-04-28
    有用 1
    回复
  • 霖深雾起不见你
    霖深雾起不见你
    2021-04-21
    可以设置圆角
    border-radius: 50%;
    overflow: hidden;
    
    2021-04-21
    有用
    回复
  • 神经蛙
    神经蛙
    2020-08-19
    class="user-img">
      open-data>
    view>
      
    
    .user-img{
      width: 200px;
      height: 200px;
      background-color: blueviolet;
      border-radius: 100%;
    overflow: hidden;
    }
    基础版本是2.10.0,就看不到用户图像了
    
    2020-08-19
    有用
    回复
  • logic
    logic
    2018-05-04

    谢谢,加overflow:hidden解决了

    但头像裁剪还不能实现

    2018-05-04
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-04-17

    你好,你的反馈我们已收到,我们会在后续的版本中考虑增加类似功能。

    2018-04-17
    有用
    回复
  • logic
    logic
    2018-04-16

    比如用户上传的头像是长方形,微信本身显示的头像,会裁剪成正方形,而小程序open-data显示的头像,不支持裁剪,就和微信里显示的头像不一致。

    2018-04-16
    有用
    回复
  • logic
    logic
    2018-04-16

    建议open-data在显示头像时,能像一般组件那样定义样式,比如显示为圆形,更能像image那样,支持mode(裁剪缩放)属性。

    2018-04-16
    有用
    回复
登录 后发表内容