博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序之豆瓣电影源码解读
阅读量:6696 次
发布时间:2019-06-25

本文共 674 字,大约阅读时间需要 2 分钟。

项目是从github上面下载的,因为本人觉得项目做得非常棒,含括了一些巧妙的解决思路,所以写一篇文章,将其源码精髓部分,抽出来给大家讲讲~~

先看项目效果:

首页效果

一、loading加载和自定义上拉刷新

1)loading加载效果:

细心同学可能发现,热映、待映、口碑等tab页面都有loading加载特效,那么对于这么一个共用的特效,作者是如何处理的呢。

公共组件component目录下的filmList下面:

复制代码

A页面如何引用:

复制代码

B页面如何引用:

复制代码

所以不管A页面还是B页面,都可以引用自定义loading特效。

2)自定义上拉刷新特效:

如图,上拉到底的时候,出现 '拼命加载中...',然后加载更多电影,其实原理很简单,就是在page中的上拉刷新事件onReachBottom中刷新电影列表数据即可。

电影列表wxml代码:

... //电影列表
拼命加载中…
复制代码

上面代码很清晰, 其实 '拼命加载中...' 一直都在电影列表下面,所以当我拉到底部的时候,就会看到 '拼命加载中...' , 所以我只需要更新电影列表数据即可。看起来就变成,当我拉到最底下时候出现 '拼命加载中...' ,同时电影更新, 这个小技巧给赞。

『 咻咻咻咻duang,是不是又忘了关注 →_→』

转载地址:http://eovoo.baihongyu.com/

你可能感兴趣的文章
pl/sql编程(十五)
查看>>
查看端口是否被占用
查看>>
request对象的常用属性和方法
查看>>
leetcode:Rotate List
查看>>
webpack 使用环境变量
查看>>
NGOSS 初识
查看>>
16-组件的创建
查看>>
StatefulSet(一):拓扑状态
查看>>
python例题21--30
查看>>
历届试题 带分数
查看>>
Android学习笔记(八)——四种基本布局
查看>>
爬虫--Scrapy框架的基本使用
查看>>
(最小生成树) Building a Space Station -- POJ -- 2031
查看>>
maven常用技巧
查看>>
Luogu_2876_[USACO07JAN]解决问题Problem Solving
查看>>
C#多态问题
查看>>
Linux之shell脚本for、while、case语句的高级用法
查看>>
python-灰色预测平均房价趋势kera深度学习库的介绍
查看>>
linux——查看系统日志错误并解决
查看>>
cuda+ffmpeg+opengl解码rtsp h264码流多路
查看>>