open-type 头像 圆角问题

打开小程序，工具栏都会弹出这个提醒：

 

 

 也就是，默认不弹出授权询问框，默认获取不到用户信息（头像、昵称等）！

如果你需要用到这个接口，可以尝试以下方法：

1、用 button 组件，将属性名 open-type 设置为 getUserInfo 类型，来吊起授权窗口，获取用户基本信息 

<button open-type="getUserInfo" bindgetuserinfo="onGotUserInfo">授权用户信息</button>

2、直接将，头像和昵称的标签更换成如下，查看用法

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

此方法注意：

· 设置高宽，需加上：display:block; 

· 设置圆角无效：border-radius:50%;  需加上：overflow:hidden

针对属性border-radius:50%，需要配合overflow:hidden来使用，完整代码：

<view class='avatar'><open-data type="userAvatarUrl"></open-data></view>
 
.avatar{
  width: 100rpx;
  height: 100rpx;
  overflow:hidden;  
  border-radius: 50%; 
}