小程序-电影“更多”页面（六）

1.动态设置导航栏,在mroe-movie中

2.现在上面的导航栏可以根据你点击的模块来进行跳转相应的“正在热映”“即将上映”“Top前250”

3.“更多”页面的编写，建立utils，存储公共数据

复制这个方法显示更多电影，可以将这个函数放在一个公共地方，这样就可以直接引用了

将它放在utils里面，将方法名修改为function http  然后再定义一个callBack用来调用这个

在下面的module函数中输出

在more-movie.js中引进utils.js

在more-movie.js中使用回调函数

添加callBack：function

再修改调用utils中的http

为了清楚一点所以然data输出一下

更改dataUrl改一下对应的网址

输出一下，在console中就可以看到当你点击模块时就会调到相应的数据

当中callBack函数相当于processDoubanData函数，所以在这里将callBack函数更改为processDoubanData函数，然后上面的this也改为processDoubanData

然后将bandang.js里面的processDoubanData方法复制过来更改this.setdata区域，加上movies：movies

如果要在setdata里面movies绑定数据则需要在前的data里面加上movies:{}

，不然会报错

建立movie-grid，导入movie-template.wxml，用block引用之前定义movies

编写more-movie

编写grid-template，添加浮动，调节左右边距

运行 你会发现只有两个两个的对齐

然后要把movie-template里面的小框架的那个样式给复制过来

然后修改

.

这里我会有一个错误，也就是星星图片找不到（这是路径的问题，注意放好路径就好了）