.

3.评论组件:评论/留言展示

老赵发表于:2015年04月26日 14:12:22更新于:2021年10月09日 16:19:06

00160f671a5c71208be24708618dbd2


点击播放视频教程


一、案例效果

0015cb54c8adc892304bfd2c6929a54

《饼图评论组件发布》


二、应用场景

用户在H5中留言/评论并展示所有留言结果,包含评论/留言用户的微信头像、微信昵称、评论/留言内容。


三、组件用法

基本用法

1.点击添加评论组件到页面中。

0015cb55203c5211495bb547fe8fea3

2.评论组件不能单独记录数据,需要结合一个表单,所以要到工作台去添加1个表单,用于记录评论数据。

0015cb5540f9aac78f82906e68f3fde

3.注意!这里给表单只需要设置一个“段落”项目即可,用于收集用户评论内容,其他的表单自带的元素全部删除。

0015cb5547e6e2659c18a6026f7c0584.添加好段落元素后,①修改下标题,②不要勾选必填项。

blob.png

5.表单新建完成后,记得点击保存,保存表单才算完成新建。

0015cb5570abc7e4c26f2918ac527a16.保存好表单后,重命名表单。

0015cb55542b66adf4782fc6e770233

7.切换到作品编辑界面。选中评论组件,关联绑定表单、并设置显示字段。

0015cb5588703709dd0d5ff4ea90dab

8.点击表单后,会出现表单选择弹窗,如果弹窗中没有显示新建的表单,可以刷新下编辑器,或者弹窗中的翻页码123等,来做刷新。

0015cb55824854b385aa85a158b7158

9.设置用户授权。如果想要评论内容中显示评论用户的头像/昵称,就需要开启微信授权。在编辑器右侧面板,倒数第二个的文档信息面板,设置“微信相关”-->“身份授权”为“需要用户授权”。

0015cb558c2509471f67c976170d9ab


高级用法

1.正常评论组件内的评论数据不是实时更新的,当我们点击按钮“发表评论”并发表评论后,评论列表才会更新内容。

0015cb55950459da50a25aa2b179330


2.我们如果想实线接近实时更新的效果,可以借助计时器组件,每间隔5S甚至更长的时间间隔刷新一次(注意:刷新太过频繁即频繁向服务器请求数据,可能会造成数据繁忙)。

0015cb55b22c63f17fa125764317e23


四、相关Q/A 

已导出的作品就不能参与评论,为什么


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

回复(7)