ScottJoCN / weixin

微信小程序-豆瓣电影项目

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

微信小程序-豆瓣电影项目

###文件目录


├── README.md
├── app.js
├── app.json
├── app.wxss
├── images
│   ├── avatar
│   │   └── 1.png
│   ├── icon
│   │   ├── arrow-right.png
│   │   ├── none-star.png
│   │   ├── star.png
│   │   └── xx.png
│   ├── index
│   │   └── loading.gif
│   └── more
│       ├── 1.png
│       ├── title.png
│       └── wave.png
├── pages
│   ├── login
│   │   ├── login.js
│   │   ├── login.json
│   │   ├── login.wxml
│   │   └── login.wxss
│   └── movies
│       ├── more-movie
│       │   ├── more-movie.js
│       │   ├── more-movie.json
│       │   ├── more-movie.wxml
│       │   └── more-movie.wxss
│       ├── movie
│       │   ├── movie-template.wxml
│       │   └── movie-template.wxss
│       ├── movie-detail
│       │   ├── class
│       │   │   └── Movie.js
│       │   ├── movie-detail.js
│       │   ├── movie-detail.json
│       │   ├── movie-detail.wxml
│       │   └── movie-detail.wxss
│       ├── movie-grid
│       │   ├── movie-grid-template.wxml
│       │   └── movie-grid-template.wxss
│       ├── movie-list
│       │   ├── movie-list-template.wxml
│       │   └── movie-list-template.wxss
│       ├── movies.js
│       ├── movies.json
│       ├── movies.wxml
│       ├── movies.wxss
│       └── stars
│           ├── stars-template.wxml
│           └── stars-template.wxss
├── screenshots
│   ├── 1.png
│   ├── 2.png
│   ├── 3.png
│   ├── 4.png
│   └── 5.png
└── utils
    └── util.js

效果图

image image image image

快速体验,可通过微信扫描下面二维码(二维码为线上版本,可能与github不一致)

image

功能说明

接口访问来自豆瓣api,目前功能有 搜索功能 下拉刷新 上拉加载 首页启动增加css3动画

代码说明

部分采用es6语言,组件化,模块化开发。

安装说明

git clone https://github.com/songhaoreact/weixin.git

cd weixin

可以真机运行也可以ide运行

补充说明:

screenshots文件夹不需要,只是github上的效果图。

readme也是github上面的,都不需要。

运行前删掉screenshots和readme.md文件就行。

项目来自慕课网实战,api采用豆瓣公共api接口。

如果demo对你有帮助的话,帮忙点个star。

About

微信小程序-豆瓣电影项目


Languages

Language:JavaScript 100.0%