`<open-data type="userAvatarUrl" />`

.wxml

<view class="box_shadow">
  <view class="avatar-logo-image">
    <open-data class="logo-image" type="userAvatarUrl"></open-data>
  </view>
</view>

.wxss

.box_shadow{
 width: 160rpx;
 height: 160rpx;
 border-radius: 50%;
 border: 4rpx solid #FFFFFF;
 box-shadow: 0rpx 0rpx 16rpx #dddddd;
 margin-left: 10rpx;
 display: flex;
 justify-content: center;
 align-items: center;
}
.avatar-logo-image{
 width: 150rpx;
 height: 150rpx;
 overflow: hidden;
 border-radius: 50%;
}

怎么用open-data 制作圆角头像
微信小程序的 open-data 组件可以在用户未登录时获取用户头像、昵称、性别等信息。那怎么使用 open-...
小程序使用微信头像open-data
.wxml .wxss
小程序之open-data userAvatarUrl头像做圆角
小程序可以在没有授权时是可以获取微信头像的信息显示的，即通过open-data获取显示，头像的type为userA...
微信小程序中设置open-data图片圆角
微信小程序中的open-data属性可以展示微信用户的开放性信息，如头像、性别等。头像默认为矩形，如果开发者想修改...
微信小程序canvas绘制微信头像
在微信小程序中使用canvas绘制微信头像需要把头像下载到本地，再使用本地临时路径绘制使用wx.getImage...
微信小程序开发中的一些特殊处理
小程序之open-data userAvatarUrl头像做圆角http://www.okeydown.com/h...
口罩头像制作教程_头像戴口罩制作小程序
微信小程序：头像戴口罩制作 QQ小程序：头像口罩生成器
全栈开发工程师微信小程序-中(中)
全栈开发工程师微信小程序-中(中) 开放能力 open-data用于展示微信开放的数据 web-viewweb-v...
小程序用户信息获取
如果只是展示用户头像昵称,可以使用open-data组件微信接口登录文档获取用户信息方法文档当需要使用 bu...
微信小程序基础
微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...