实现从“更多”跳转到页面
1、创建新的页面:直接在app.json里面添加路径就可以了。反正这个路径也是要添加在app.json中的。其次避免缺少js函数缺少Page()函数,json缺少{ }而报错。
2、“more”上创建点击事件:首先考虑在哪里添加点击事件?事件绑定肯定在movies-list-template模板上添加。但是事件定义在哪定义呢?不能写在movies-list-template.js中,写在这里面是没有效果的。只能写在movies.js中。因为小程序实现的不是模块化,只是模板化。
3、因为有多个more,怎么实现跳转到不同页面,因为要知道加载不同类型的电影。另外新定义一个模板movie-grid,放九张图。还有就是上滑,下拉加载更多。
不同的more跳转不同的类别页面:点击事件onMoreTap事件定义的时候,跳转页面用的是:wx:navigatorTo({url:" more-movie/more-movie" })的时候,url后面加一个参数,这个参数做识别是哪一个类别用的。模板上有
categoryTitle 这个就是用来识别,是类别标题的,比如“正在热映”、“将要上映”、“top250”。把这个数据,设置成点击事件onMoreTap的一个属性 data-category。然后在事件onMoreTap定义中,通过event.currentTarget.dataset.category,获取这个属性 data-category。根据这个属性跳转不同的页面。
复习一下
网友评论