微信小程序仅显示头像,并修改样式。

为了避免用户授权,不获取用户信息,但是又需要显示用户头像,如下只是显示头像。

效果图如下:

微信小程序仅显示头像,并修改样式。_第1张图片

html:


     



css:

.userinfo-avatar {  
  overflow:hidden;  
  display: block;  
  width: 160rpx;  
  height: 160rpx;  
  margin: 20rpx;  
  margin-top: 110rpx;  
  border-radius: 20rpx;  
  border: 2px solid #fff;  
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); 
}  
  

 

你可能感兴趣的:(微信小程序)