小程序获取的用户头像怎么做成圆形

简介: 小程序获取的用户头像怎么做成圆形

其实这是一个简单的问题,用户登录,获取到用户的头像,我没有做任何处理,一般需求是圆形头像,于是,写了以下几句比较简单的代码。

wxml:

<view class="logo"><open-data type="userAvatarUrl" class="userinfo" id="userinfo"></open-data></view>

wxss:

#userinfo{
  width: 185rpx;
  height:185rpx;
  border-radius:50%;
  display: flex;
  overflow:hidden;
  text-align: center;
}
相关文章
|
8月前
|
小程序 JavaScript
小程序授权获取头像
小程序授权获取头像
|
存储 缓存 小程序
微信小程序如何获取微信昵称和头像
微信小程序如何获取微信昵称和头像
277 0
|
6月前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
99 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
|
6月前
|
小程序
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
【微信小程序-原生开发】TDesign 实战模板——带性别图标的头像
85 0
|
小程序
微信小程序获取头像和名称
微信小程序获取头像和名称
125 0
|
8月前
|
小程序 API
微信小程序获取昵称,头像
微信小程序获取昵称,头像
140 0
|
小程序
小程序open-data的圆形用户头像实现
小程序open-data的圆形用户头像实现
81 0
|
小程序 JavaScript 程序员
小程序新方法 open-type获取头像昵称
小程序新方法 open-type获取头像昵称
294 0
|
小程序 程序员 API
小程序(uniapp)上传头像至OSS(阿里云)--保姆级
前言 自微信小程序改版以来,现在获取用户的头像和昵称就不能直接通过wx.getUserInfo获取了。而是需要用户主动在登录后填写自己的昵称和头像,微信只是提供一个一键填写的快捷操作让用户直接使用自己已有的微信昵称或头像。
3954 1
|
小程序 JavaScript
微信小程序获取用户头像和姓名
微信小程序获取用户头像和姓名
204 0

热门文章

最新文章