微信小程序open-dataChange头像显示样式

微信小程序open-data改变了头像显示样式有两个效果，以下是微信小程序open-data改变头像的开发示例。

效果一：

代码如下：

Dongchen-Hanbing来自Huya直播注意/*锚信息* /。zhubo {margin: 0 28rpx 0; height: 144rpx; display: flex; justify-content: space-between; align-items: center;}。zhuboIcon {宽度: 80rpx;高度: 80rpx; border-radius: 50％;溢出:隐藏;}。zhuboLeft {显示: flex;}。zhubo-avater {padding-right: 20rpx;显示: flex; align-items: center;} .zhubo-name {font-weight: 700;}。zhubo-from {color:＃A6A6A6;}

效果2：

.userinfo {position: relative; width: 750rpx; height: 320rpx; color: #fff; display: flex; flex-direction: column; align-items: center;} .userinfo-avatar {overflow: hidden; display: block;宽度: 160rpx;高度: 160rpx;余量: 20rpx; margin-top: 50rpx; border-radius: 50％; border: 2px solid #fff; box-shadow: 3px 3px 10px rgba（0,0,0,0.2）; } .userinfo {/* color: #fff; */font-size: 14px; background-color:＃c0c0c0; border-radius: 40％;}

以上是新组件开放数据样式更改的总结，希望我的文章可以帮到你！

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。