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

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

代码笔记

list跳转

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

图解微信小程序---获取电影列表_第1张图片

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

图解微信小程序---获取电影列表_第2张图片

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

图解微信小程序---获取电影列表_第3张图片

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

图解微信小程序---获取电影列表_第4张图片

样式调式-不带flex

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

 图解微信小程序---获取电影列表_第5张图片图解微信小程序---获取电影列表_第6张图片

样式调式-带flex

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

 图解微信小程序---获取电影列表_第7张图片图解微信小程序---获取电影列表_第8张图片

最后效果图

图解微信小程序---获取电影列表_第9张图片

 

你可能感兴趣的:(图解微信小程序---获取电影列表)