微信小程序头像怎么改变形状_微信小程序 open-data更改样式 open-data 显示头像 圆形...

废话不多说，直接看效果：

效果一：

代码如下：

东辰-寒冰

来自虎牙直播

关注

/*主播信息*/.zhubo{margin:0 28rpx 0;height:144rpx;display:flex;justify-content:space-between;align-items:center;

}.zhuboIcon{width:80rpx;height:80rpx;border-radius:50%;overflow:hidden;

}.zhuboLeft{display:flex;

}.zhubo-avater{padding-right:20rpx;display:flex;align-items:center;

}.zhubo-name{font-weight:700;

}.zhubo-from{color:#A6A6A6;

}

效果二：

.userinfo{position:relative;width:750rpx;height:320rpx;color:#fff;display:flex;flex-direction:column;align-items:center;

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

}.us