微信小程序open-data更改头像显示样式

惠民小程序小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈微信小程序open-data更改头像显示样式。

最新消息， 探悉，筹备已久的微信「令吉钱包」將在6月份开跑，这也意味着马来西亚微信用户再等多几天

微信小程序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.2);}.userinfo{/* color: #fff; */font-size: 14px;background-color: #c0c0c0;border-radius:40%;}

以上就是对新组件open-data样式更改的总结，希望我的文章能够帮助到你！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!