现如今，拟态类H5的“戏路”正越走越宽，大有“万物皆可模拟”之势。从最为熟知的微信场景模拟到各种APP场景模拟，只要“有料”，用户似乎永远不会看腻~

 

意派Epub360 H5编辑器现已上线“朋友圈插件”，可助力大家快速完成模拟微信朋友圈H5的制作（点击查看→演示案例效果）。话不多说，一起来看看具体教程吧~

 

 

在编辑器上方工具栏，互动组件分类下，添加“朋友圈”插件到画布上。

 

 

朋友圈插件可通过右侧悬浮面板的内容配置、点赞评论、全局配置三个板块进行调整，如图所示：

 

 

初始添加默认有一条朋友圈内容，可以调整头像、昵称、聊天消息的类型、增删聊天消息

 

可调整朋友消息头像、昵称

 

 

可选择文本、图片或视频三种类型的消息切换（更多的类型在规划迭代中）

 

1. 文本类型：可自定义输入文字内容，点击“@”可以赋值用户微信昵称、浏览量等参数变量；
2. 图片类型：可自定义1-9张图片，超出9张外的图是不显示的哦；
3. 视频类型：可自定义1条视频内容，根据竖屏或横屏的尺寸显示。

 

 

1. 选中指定消息的时候，可以切换到该条消息的编辑状态；
2. 按住指定消息可以上下拖拽，调整消息的排序次序；
3. 点击消息列表上的“+”，可以设置消息的触发器；
4. 点击消息列表上的“x”，可以删除消息内容；
5. 点击“增加朋友圈项”，可以增加一条朋友圈内容。

 

 

可以调整指定朋友圈内容的点赞评论内容

 

可通过输入内容调整点赞人内容

 

 

1. 可设置“评论”和“回复”两种模式；
2. 评论模式下可设置评论人、评论内容；
3. 回复模式下可设置回复人、被回复人和回复内容；
4. 点击“增加评论项”，可以增加一条评论内容。

 

 

可配置朋友圈插件全局内容，包括朋友圈背景、头像、昵称、文本及颜色

 

 

可以调整用户昵称、头像和背景图，包含预览和自定义的图片

 

• 默认勾选“使用微信头像”，不可自定义头像和昵称；
• 不勾选“使用微信头像”，可以自定义头像和昵称。

 

 

可以调整用户昵称、朋友圈消息及评论底色的色值

 

 

以上就是意派Epub360 H5编辑器朋友圈插件的使用教程，欢迎大家提出更多宝贵建议，便于我们进一步优化。