<返回
来源:使用教程
2017-10-13 08:46:33
阅读量:3748
动态列表组件——小程序平台各工具使用说明



一、动态列表的用途 动态列表用于数据的动态展示,可添加文本组件,图片组件。以展示人物风采为例。 特别备注:在可单独使用的同时,该组件可结合“自由面板”组件使用,让排版更为美观。(要将自由面板可以放到动态列表里面) 二、“组件-表单-动态列表”设置入口 说明:进入到小程序制作平台,进入到“小程序模板”页面,选择“空白模板”制作或选中某个模板,点击开始制作,设置下项目封面和标题,进入到小程序编辑页面,点开页面组件-表单-动态列表,拖拽该组件到制作页面。 ![]() 三、“组件-动态列表”数据绑定 1.点击编辑页面右侧的管理对象,管理后台进行数据添加 ![]() 2.点击<新增数据>,编辑数据对象的名称等信息,填写完信息后点击<添加字段>,编辑数据对象需要的字段名称,编辑完成后点击保存。 ![]() 备注:富文本指的是可以在编辑器里面同时添加图片和文字 3.保存后返回数据对象列表,点击<数据管理>,接下来要添加数据 ![]() 4.点击<新增应用数据> ![]() 添加数据 ![]() 5.保存后返回了数据管理列表,可看到刚刚添加的数据 ![]() 6.点击页面左上角的<编辑>进入编辑页面,进行数据绑定 ![]() 7.依次拖拽“自由面板”组件,“文本”组件(用于绑定姓名),“图片”组件(用于绑定照片),“文本”组件(用于绑定简介的富文本)并在组件样式中调整到自己需要的高度及位置 ![]() 8.依次进行数据绑定 a1.照片绑定 ![]() a2.姓名绑定 ![]() a3.简介绑定 ![]() 9.绑定后保存,点击预览,效果图如下 ![]() |
