修改小程序open-data头像样式修改

àì夳堔傛蜴生んèń 2022-10-01 12:52 311阅读 0赞

效果

20190612101213276.png

wxml代码实现

  1. <view class='userinfo-avatar'>
  2. <open-data type="userAvatarUrl"></open-data>
  3. </view>

wxss代码实现

  1. .userinfo-avatar {
  2. overflow: hidden;
  3. display: block;
  4. width: 120rpx;
  5. height: 120rpx;
  6. border-radius: 20%;
  7. }

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

20191014103439896.png

发表评论

表情:
评论列表 (有 0 条评论,311人围观)

还没有评论,来说两句吧...

相关阅读

    相关 uniapp修改头像

    以下将是 uniapp 借用七牛云修改头像的代码,但是其他也可借鉴,原理相同,局部更改即可。 以下代码用到的地址皆为七牛云的地址,上传图片很方便,会给你返回图片地址,个人用