微信小程序:豆瓣电影项目
EzraTreadwe
8年前
<h2>文件目录</h2> <pre> ├── 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</pre> <h2>效果图</h2> <p><img src="https://simg.open-open.com/show/811adbfa79915326d38a03bb2b694308.png"> <img src="https://simg.open-open.com/show/f6018c260e672549e887f1079f01459d.png"> <img src="https://simg.open-open.com/show/03c468c29670c552c41d0468759897fc.png"> <img src="https://simg.open-open.com/show/99a97c10b9d481839eccbd2fa3290913.jpg"></p> <h3>快速体验,可通过微信扫描下面二维码(二维码为线上版本,可能与github不一致)</h3> <p><img src="https://simg.open-open.com/show/f692c9271416de8cf3d8431c98d477fb.png"></p> <h2>功能说明</h2> <p>接口访问来自豆瓣api,目前功能有 搜索功能 下拉刷新 上拉加载 首页启动增加css3动画</p> <h2>代码说明</h2> <p>部分采用es6语言,组件化,模块化开发。</p> <h2>安装说明</h2> <pre> git clone https://github.com/songhaoreact/weixin.git cd weixin 可以真机运行也可以ide运行 补充说明: screenshots文件夹不需要,只是github上的效果图。 readme也是github上面的,都不需要。 运行前删掉screenshots和readme.md文件就行。 项目来自慕课网实战,api采用豆瓣公共api接口。 如果demo对你有帮助的话,帮忙点个star。</pre> <p> </p> <p> </p>