微信小程序> 微信小程序获取头像和昵称,头像圆角设置

微信小程序获取头像和昵称,头像圆角设置

浏览量:2019 时间: 来源:hangGe0111

在小程序中,用户的昵称和头像如果只是用来展示,而非用于其它用途,可以直接拿到进行展示:

1.只是用来展示

(1)wxml

view style='margin:10rpx auto;text-align:center'  头像  open-data class="open-data-userAvatarUrl" type="userAvatarUrl"/open-data    /viewview style='margin:40rpx auto;text-align:center;display:flex;justify-content: center;'姓名:open-data class="open-data-userNickName line1" type="userNickName" lang="zh_CN"/open-data/viewview style='margin:10rpx auto;text-align:center'性别:open-data type="userGender" lang="zh_CN"/open-data/view

(2)wxss

.intro {  margin: 30px;  text-align: center;}.line1{    white-space:nowrap;    overflow:hidden;    text-overflow:ellipsis; }.open-data-userAvatarUrl {  width: 160rpx;  height: 160rpx;  display: block;  overflow: hidden;  border-radius: 50%;  margin: 40rpx auto;}.open-data-userNickName{  max-width: 105rpx;  display:block;}

(3)效果

2.用于别的用途  (button按钮获取官方地址:官方)

(1)通过页面的按钮,用户授权,这些涉及用户隐私的信息,必须由用户授权,否则无法拿到;

(2)涉及授权的操作必须使用button;

3.说明:

(1)open-data标签不能直接给一个随便的ClassName,须要给一个open-data-classname(classname可以自己变通定义),来实现可以实现头像的倒圆角,如果用户名对长度有要求限制的话也可以通过这种方法来实现限制;

(2)对于有些需要通过用户授权的部分,必须通过按钮来实现,需要授权的参照官网

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎