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

这篇"微信小程序实现常见的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: hidden;

18. }

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

小程序是什么意思

小程序是一种不需要下载安装即可使用的应用，通过扫描二维码或是搜一搜立即使用，操作简单，便于传播，能够实现消息通知、线下扫码、公众号关联等七大功能。它基于微信运行的，类似于APP，想用就用，用完即走，不会占用内存。

以上是"微信小程序实现常见的user效果"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！