在开发一个微信小程序历程中，
，，若是要实现常见的user效果，
，，应该怎样开发微信小程序呢
。。。。

wxml

1. <view class='circle'>
2. <view class='userAvatar'>
3. <open-data type="userAvatarUrl" ></open-data>
4. </view>
5. </view>

代码说明：  open-data没有步伐直接给一个class然后控制类名，
，，可是可以通过控制外部盒子抵达控制它自己的巨细以及形状的目的
。。。。

wxss

1. .circle{
2. width:930rpx;
3. height:930rpx;
4. border-radius:465rpx;
5. background-color:#2ca6cb;
6. margin-top:-666rpx;
7. margin-left:-90rpx;
8. display:flex;
9. align-items:center;
10. flex-direction:column-reverse;
11. }
12. .userAvatar{
13. width:80px;
14. height:80px;
15. border-radius:40px;
16. margin-bottom:-30px;
17. overflow: hidden;
18. }

说明：通过flex结构控制头像的位置
。。。。

以上就是微信小程序实现常见的user效果的开发文档，
，，更多小程序开发文档可以关注网站
。。。。

小程序工具提供多类型商城/门店小程序制作，
，，可视化编辑 1秒天生5步上线
。。。。通过拖拽、拼接？？？？？？榻峁剐〕绦蛏坛且趁妫
，，所看即所得，
，，只需要美工就能做出细腻商城
。。。。更多小程序请审查：小程序市肆