图解微信小程序---获取电影列表

代码笔记

list跳转

第一步:编写前端页面获取相关的电影列表参数(对于显示参数不熟悉,可以先写js,通过console  Log的方式获取我们电影的相关数据字段,后再重新编写我们的电影列表页面

图解微信小程序---获取电影列表_微信小程序

第二步:编写我们的js获取我们电影列表的相关数据(注意api的调用

图解微信小程序---获取电影列表_前端页面_02

注意:匹配前端显示的数据需要跟js中调用api获取的字段一致,否则获取不到对应的数据显示

图解微信小程序---获取电影列表_数据_03

注意:涉及调用api,往往需要配置对应的request域名

图解微信小程序---获取电影列表_数据_04

图解微信小程序---获取电影列表_数据_05

样式调式-不带flex

第三步:设置数据显示页样式(不带flex弹性布局样式

 图解微信小程序---获取电影列表_数据_06图解微信小程序---获取电影列表_微信小程序_07

样式调式-带flex

设置数据显示页样式(带flex弹性布局样式

 图解微信小程序---获取电影列表_前端页面_08图解微信小程序---获取电影列表_图解_09

最后效果图

图解微信小程序---获取电影列表_微信小程序_10

 


愿路途漫长,以后莫失莫忘。 愿你不骄不躁,安稳顺心。


归档:我的知识栈:目录(更新中...)


作者:菜鸟-传奇