当前位置: 主页 > 帮助中心 > 制作教程 动态列表数据展示组件——微信小程序开发定制

动态列表数据展示组件——微信小程序开发定制

来源:原创  |  2018-05-14 10:14 点击数:
 一、动态列表的用途
动态列表用于数据的动态展示,可添加文本组件,图片组件。以展示人物风采为例。

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

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

 


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

 

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

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


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

添加数据
 


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


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

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

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

a2.姓名绑定
 

a3.简介绑定
 

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

 

速成应用-是专业的微信小程序开发平台,无需代码一键生成小程序工具,一分钟就可以完成快速制作!已为上千家企业定制微信小程序开发方案,因为专注,所以专业!

 
 
已为 28,893 商家解决技术难题

联系我们

业务咨询:18359788509

客服反馈:18350356243

周一至周六 9:30-18:30

官方微信 客服微信

闽ICP备18002760号-2
Hello,欢迎来咨询~

咨询热线

微信咨询