美文网首页微信小程序
8-1 更多电影页面的编写思路与电影类型获取

8-1 更多电影页面的编写思路与电影类型获取

作者: 留白_汉服vs插画 | 来源:发表于2017-11-27 14:03 被阅读15次

    实现从“更多”跳转到页面

    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。根据这个属性跳转不同的页面。

    复习一下

    相关文章

      网友评论

        本文标题:8-1 更多电影页面的编写思路与电影类型获取

        本文链接:https://www.haomeiwen.com/subject/obclbxtx.html