Modify the avatar style of the open-data applet

effect

Wxml code implementation 

  <view class='userinfo-avatar'>
        <open-data type="userAvatarUrl"></open-data>
      </view>

 wxss code implementation

.userinfo-avatar {
  overflow: hidden;
  display: block;
  width: 120rpx;
  height: 120rpx;
  border-radius: 20%;
}

Send a wave of benefits

WeChat public account development, enterprise website development, small programs, vue, h5, css3, react and other front-end video learning materials follow the public account [code brother] for free