如何制作一个实时在线显示评论？
通过循环容器及数据表功能，制作一个发送评论实时显示的功能
效果展示
具体步骤
-
制作评论背景
-
制作评论样式
-
制作一个发送评论输入框
-
制作一个发送按钮
-
创建评论数据表
-
添加获取评论事件
-
创建发送评论触发器
-
数据绑定与设置
步骤分解
制作评论背景
-
拖拽 循环容器 到 编辑区
-
点击 循环容器 图层
-
点击 检查面板 中的 样式
-
配置 循环容器 的 样式
-
选中 列表循环条目
-
点击 检查面板 中的 样式
-
调整 列表循环条目 的 样式
制作评论样式
-
拖拽 标签文本 到 列表循环条目 中
-
点击 检查面板 中的 样式
-
配置 标签文本 的 样式
制作一个发送评论输入框
-
拖拽 输入框组件 到 Root Container
-
选中 输入框组件
-
点击 检查面板 中的 数据绑定与设置
-
填写 占位符
-
点击 检查面板 中的 样式
-
配置 输入框组件 样式
制作一个发送按钮
-
拖拽 按钮 到 Root Container
-
选中 按钮
-
点击 检查面板 中的 数据绑定与设置
-
填写 自定义内容
-
点击 检查面板 中的 样式
-
配置 按钮 样式
创建评论数据表
-
点击 数据中心
-
创建 数据表
-
添加评论表数据
添加获取评论事件
-
点击 事件中心
-
配置 事件
创建发送评论触发器
-
选中 “发送” 按钮
-
点击 检查面板 中的 触发器
-
配置 触发器
数据绑定与设置
-
选中 列表循环条目
-
点击 检查面板 中的 数据绑定与设置
-
配置数据
这样就可以实现实时在线显示评论了。
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序登录注册页面代码