如何删除微信小程序授权头像的授权头像的信息

  对于很多小伙伴来说QQ并不算是一个熟悉的软件。但有一项功能却让很多人难以忘怀,这就是——隐身三个小横杠、灰色小时钟、黄色小笑脸、红色禁止符……,这些奇形怪状的小图标几乎陪伴了我们的整个青葱年代

  QQ里的“隐身”,你经常用吗

  和当年的QQ相比,微信在普及率方面似乎囿过之而无不及但尽管如此,它和QQ给人的感觉也是不一样的这其中头像状态就是很重要的一项。其实微信的头像也是可以自由设置的不相信?那就一起来瞧一瞧吧!

  微信头像也能显示“状态”没试过吧~

  1. 首先点击微信“发现”→“微信小程序授权头像”,搜索“头像状态插件”;

  头像状态插件微信小程序授权头像软件版本:微信微信小程序授权头像立即查看

  搜索“头像状态插件”微信小程序授权头像

  2. 然后进入“头像状态插件”此时微信小程序授权头像会弹出一个小提示,要求授权获取微信头像点击“允许”;

  允许微信小程序授权头像获取你的微信头像

  3. 滑动图标栏挑选一个喜欢的图标,点击它再点击“保存”按钮,这时微信小程序授权头像会生成一个带状态的头像图片保存到手机中;

  挑选一个喜欢的图标点击“保存“按钮

  4. 回到微信“我“,点击头像再進入头像图片选择面板,勾选刚刚保存到手机里那个带有状态图标的头像图;

  更换微信头像为刚刚做好的带有状态图标的图片

  5. 最後回到聊天窗口随便说上几句话,看一看是不是有意思多了!   南方财富网微信号:南方财富网

}

可以在没有授权时是可以获取微信头像的信息显示的即通过open-data获取显示,头像的type为userAvatarUrl

 
接下来我们会给头像加个布局class和mode,那么代码就会变成这样:
 
 
这是我们会发现我们虽然class里囿做圆角,可是没有起作用:
 
所以我们得到结论:微信小程序授权头像open-data中的头像我们是不能对其做圆角之类的处理。
那么我们怎样才能做到在没有获取授权时 拿用户头像显示 并做圆角呢?
 
 
下面就是我的处理方式:
  1. 实现逻辑:头像做绝对布局并在其上面覆盖一个中间镂涳的view设置view的边界足够遮挡住头像非圆形部分,且镂空view边界颜色需要跟周围背景颜色一样这样就实现了伪圆角。

 
 
*这里是覆盖一个镂空的view在仩面 镂空view的边界做成与周围背景颜色一样 做了伪圆角
 
 
 

有些人实现效果可能是这样:
 
这种情况要改成跟目标效果一样只需要调整一下view的边界寬度和边界颜色就可以了:
 
}

我要回帖

更多关于 微信小程序授权头像 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信