微信小程序：仿猫眼Demo

【实例简介】

微信小程序：猫眼Demo，只实现了三个Tab，电影列表和电影详情，其他未实现。

1、涉及知识：

小程序全局配置（页面路径、导航栏、底部Tab），页面跳转及数据传递；

常用组件的使用，如scroll-view、navigator、image等；

界面布局（wxml）和交互(Loading显示和隐藏)，样式编写（wxss）；

网络API调用，数据绑定、列表渲染、条件渲染等；

未实现下拉刷新，有兴趣的可以自行实现。

2、猫眼API说明：

热门电影列表：

http://m.maoyan.com/movie/list.json?type=hot&offset=0&limit=10

type=hot： 类型（其他参数不详）

offset : 数据开始位置

limit ：偏移量

电影详情

http://m.maoyan.com/movie/对应电影ID.json

例子：'http://m.maoyan.com/movie/1182552.json'

3、项目说明：

index:：主页（电影列表）

movie：电影详情

search：影院（本来想实现搜索功能，发现没有对应API，没实现，只换了名字和图标）

profile：我的

app.wxss：大部分样式写在了这个全局样式文件里面

4、关于图标：

来源于某电影App，仅用于学习，请勿商用，违者责任自负

5、运行截图：

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2020-08-13 04:02  Wexin_Maoyan\
     文件        6148  2020-08-13 04:02  Wexin_Maoyan\.DS_Store
     文件         870  2020-08-13 04:02  Wexin_Maoyan\app.json
     目录           0  2020-08-13 04:02  Wexin_Maoyan\images\
     文件         535  2020-08-13 04:02  Wexin_Maoyan\project.config.json
     目录           0  2020-08-13 04:02  Wexin_Maoyan\utils\
     文件        1246  2020-08-13 04:02  Wexin_Maoyan\app.wxss
     文件        1071  2020-08-13 04:02  Wexin_Maoyan\readme.txt
     目录           0  2020-08-13 04:02  Wexin_Maoyan\pages\
     文件          20  2020-08-13 04:02  Wexin_Maoyan\app.js
     文件        6148  2020-08-13 04:02  Wexin_Maoyan\images\.DS_Store
     文件        1821  2020-08-13 04:02  Wexin_Maoyan\images\mine_selected.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._mine_selected.png
     文件        1778  2020-08-13 04:02  Wexin_Maoyan\images\film_normal.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._film_normal.png
     文件        1322  2020-08-13 04:02  Wexin_Maoyan\images\cinema_normal.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._cinema_normal.png
     文件        2084  2020-08-13 04:02  Wexin_Maoyan\images\mine_normal.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._mine_normal.png
     文件         895  2020-08-13 04:02  Wexin_Maoyan\images\cinema_selected.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._cinema_selected.png
     文件        1276  2020-08-13 04:02  Wexin_Maoyan\images\film_selected.png
     文件         220  2020-08-13 04:02  __MACOSX\Wexin_Maoyan\images\._film_selected.png
     文件         472  2020-08-13 04:02  Wexin_Maoyan\utils\util.js
     目录           0  2020-08-13 04:02  Wexin_Maoyan\pages\movie\
     文件        6148  2020-08-13 04:02  Wexin_Maoyan\pages\.DS_Store
     目录           0  2020-08-13 04:02  Wexin_Maoyan\pages\search\
     目录           0  2020-08-13 04:02  Wexin_Maoyan\pages\profile\
     目录           0  2020-08-13 04:02  Wexin_Maoyan\pages\index\
     文件           2  2020-08-13 04:02  Wexin_Maoyan\pages\movie\movie.json
     文件         583  2020-08-13 04:02  Wexin_Maoyan\pages\movie\movie.wxml
............此处省略13个文件信息