<返回
动态列表组件——小程序平台各工具使用说明
来源:使用教程
2017-10-13 08:46:33
阅读量:3748
一、动态列表的用途
动态列表用于数据的动态展示,可添加文本组件,图片组件。以展示人物风采为例。

特别备注:在可单独使用的同时,该组件可结合“自由面板”组件使用,让排版更为美观。(要将自由面板可以放到动态列表里面)

二、“组件-表单-动态列表”设置入口
说明:进入到小程序制作平台,进入到“小程序模板”页面,选择“空白模板”制作或选中某个模板,点击开始制作,设置下项目封面和标题,进入到小程序编辑页面,点开
页面组件-表单-动态列表,拖拽该组件到制作页面。

 


三、“组件-动态列表”数据绑定
1.点击编辑页面右侧的管理对象,管理后台进行数据添加
 

2.点击<新增数据>,编辑数据对象的名称等信息,填写完信息后点击<添加字段>,编辑数据对象需要的字段名称,编辑完成后点击保存。
 
备注:富文本指的是可以在编辑器里面同时添加图片和文字

3.保存后返回数据对象列表,点击<数据管理>,接下来要添加数据
 


4.点击<新增应用数据>
 

添加数据
 


5.保存后返回了数据管理列表,可看到刚刚添加的数据
 


6.点击页面左上角的<编辑>进入编辑页面,进行数据绑定
 

7.依次拖拽“自由面板”组件,“文本”组件(用于绑定姓名),“图片”组件(用于绑定照片),“文本”组件(用于绑定简介的富文本)并在组件样式中调整到自己需要的高度及位置
 

8.依次进行数据绑定
a1.照片绑定
 

a2.姓名绑定
 

a3.简介绑定
 

9.绑定后保存,点击预览,效果图如下
 

新手教程 更多>