分享一款制作“模拟朋友圈h5”场景的UI设计插件
上海/网页设计师/3年前/223浏览
版权
分享一款制作“模拟朋友圈h5”场景的UI设计插件
介绍一款可以快速制作朋友圈h5场景的设计插件
本周编辑器上新“群聊插件”与“朋友圈插件”,可快速实现群聊与朋友圈场景下的趣味营销H5内容,下面小派给大家快速展示一下朋友圈插件效果与能力吧~
演示案例效果:
https://www.epub360.com/v2/manage/book/15q1dt/present/?markcode=wp3gc9
如何添加到画布上?
在编辑器上方工具栏,互动组件分类下,添加“朋友圈”插件到画布上。
朋友圈插件可通过右侧悬浮面板的内容配置、点赞评论、全局配置三个板块进行调整,如图所示:
一、内容配置
初始添加默认有一条朋友圈内容,可以调整头像、昵称、聊天消息的类型、增删聊天消息
1、内容调整
可调整朋友消息头像、昵称
2、消息类型
可选择文本、图片或视频三种类型的消息切换(更多的类型在规划迭代中)
- 文本类型:可自定义输入文字内容,点击“@”可以赋值用户微信昵称、浏览量等参数变量;
- 图片类型:可自定义1-9张图片,超出9张外的图是不显示的哦;
- 视频类型:可自定义1条视频内容,根据竖屏或横屏的尺寸显示。
3、增删与调序
- 选中指定消息的时候,可以切换到该条消息的编辑状态;
- 按住指定消息可以上下拖拽,调整消息的排序次序;
- 点击消息列表上的“+”,可以设置消息的触发器;
- 点击消息列表上的“x”,可以删除消息内容;
- 点击“增加朋友圈项”,可以增加一条朋友圈内容。
二、点赞评论
可以调整指定朋友圈内容的点赞评论内容
1、点赞
可通过输入内容调整点赞人内容
2、评论
- 可设置“评论”和“回复”两种模式;
- 评论模式下可设置评论人、评论内容;
- 回复模式下可设置回复人、被回复人和回复内容;
- 点击“增加评论项”,可以增加一条评论内容。
三、全局配置
可配置朋友圈插件全局内容,包括朋友圈背景、头像、昵称、文本及颜色
1、朋友圈背景
可以调整用户昵称、头像和背景图,包含预览和自定义的图片
- 默认勾选“使用微信头像”,不可自定义头像和昵称;
- 不勾选“使用微信头像”,可以自定义头像和昵称。
2、文本及颜色
可以调整用户昵称、朋友圈消息及评论底色的色值
以上就是本次的朋友插件分享,欢迎大家提出更多宝贵建议。
2
4
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
2Log in and synchronize recommended records
4Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share









































![ZAOV|各[苹]本事](https://img.zcool.cn/community/68d247ffa534901h5u6ly05445.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)

































