微信小程序实现常见的user效果

在开发一个微信小程序过程中，如果要实现常见的user效果，应该如何开发微信小程序呢。

wxml

代码说明：  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: Shopfadden;
18. }

说明：通过flex布局控制头像的位置。

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

Shopfa小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。更多小程序请查看：小程序商店

<以上资讯仅供参考，如果您需解决具体问题，建议您关注作者；如果有软件产品开发需求，可在线咨询加速度产品经理获取方案和报价>

****更多行业产品开发方案，请关注jsudo加速度 https://www.jsudo.com***

【加速度jsudo（www.jsudo.com）】是国内知名企业数字化建设提供商，为企业提供电商平台搭建（多种模式电商平台搭建：B2B/B2B2C/B2C/O2O/新零售等）、智慧园区建设、数字化营销、人才外包等服务，点击这里查看了解更多行业解决方案。