.

3.微信头像组件

老赵发表于:2015年08月14日 07:07:00更新于:2021年07月26日 15:56:13

00160f671a5c71208be24708618dbd2

点击播放优酷视频教程

一、案例效果

0015cb587f33af2aa7036587a95b0da

《【两会模板】邀你加入群聊》


二、应用场景

使用微信头像组件、再和获取头像昵称的触发动作配合,可以策划制作非常具有用户参与感的H5场景应用。

《【圣诞·元旦·新年】朋友圈》



三、组件用法

基本用法

1.添加“微信头像”组件。在“微信应用”组件菜单里选择“微信头像”,点击添加。

0015cb58ae3e9bc646f8b2479bc0318


2.可以选择是否显示昵称。并可对昵称的样式做调整。0015cb59c171e30171a424d568066e4


3.对头像的显示样式可进行设置调整

0015cb5a1b0b6849f7e37c71e3af0e2


4.微信头像跟昵称是微信用户的个人隐私,需要经过打开H5的用户本人同意,所以还有一个关键设置——【开启微信授权】。

0015cb5a24ea8f18dd262c023af6191


高级用法

1.微信头像和昵称信息,不仅仅是用微信头像组件可以获取,还可以用其他的方式。可以与“参数”、“段落”以及“设置微信分享短语”触发动作配合使用:

(1)与参数变量或段落组件配合使用,GIF动图演示。

0015cb5a398067a59ec6a20752ee024


(2)用图片获取微信头像,GIF动图演示。

0015cb5a45603afdb6e940b2d154869


(3)设置微信分享短语,GIF动图演示。


四、相关Q/A

  1. 为什么我的作品中不显示微信头像和昵称等信息?

    检查下是否开启了【需要用户授权】。

image.png








--------- 不了解设计的程序员不是好客服 ---------------