<返回
列表详情组件——小程序平台各组件使用说明
来源:使用教程
2017-10-30 07:44:14
阅读量:4856
一、列表详情组件的用途
列表详情组件需要与动态列表组件一起组合使用,主要是对动态列表里的内容进行丰富补充

二、“组件-列表详情”的设置
1.账号登入平台,进入到“小程序模板”页面,选择“空白模板”制作或选中某个模板,点击开始制作,设置下项目封面和标题,进入到小程序编辑页面,点击左侧的“表单”中的“列表详情”,为了操作方便我们将最右侧“页面管理”下的页面标题改为“列表详情”

 

2.接着在右侧新建一个页面,改名为“动态列表”,并将左侧“表单”中的“动态列表”组件加入

 

PS:有列表详情组件的页面,只能加入“基础”栏目下文本、图片、按钮、自由面板这四个组件,而有动态列表组件的页面没有限制

3.将动态列表先设置好,我们在动态列表中依次拖拽组件,先拖拽自由面板组件,再拖拽入图片组件和两个文本组件。拖拽好并排版完成后,点击单个组件更改图片以及文本内容

 

4.选中动态列表组件,点击右侧蓝字“管理对象”进入后台设置

 

5.在左侧“组件管理数据”栏目下的动态数据中,“新增数据对象”

 

6.后台编辑好后,返回前台,点击右上角“保存”内容并进行刷新。刷新后,选中动态列表组件,进行数据绑定。切记绑定列表详情页那边要绑定到对应的列表详情页才能实现点击跳转

 

7.切换到“列表详情”页面,依次拖拽自由面板组件、三个图片组件、两个文本组件,排版好后,再点击右侧蓝字“管理后台”增加数据(该位置只需要排版,数据从后台添加并绑定!

 

8.在“组件数据管理”-“动态数据”下刚才增加过数据对象的表单里面点击“编辑”增加详细的内容

 

 

9.保存后,再点击右侧管理下的“数据管理”将内容填写的更加详细

 

10.返回前台,点击右上角“保存”后刷新页面,将列表详情与后台的数据绑定

 

11.之后再具体到每个小组件的数据绑定(选中组件,点击右侧“绑定数据对象字段”进行绑定)

 

三、预览效果
点击左上角“预览”,看到动态列表后点击动态列表的任意一处即可进入列表详情页面。

 

 

新手教程 更多>