微信小程序可谓是 9 月 21 号之后最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多 App 开发人员有了一个担心,微信小程序的到来会不会让移动端 App 颠覆,让移动端的程序员失业,身为一个 Android 开发者我是不相信的,即使有,那也是需要个一两年的过度和打磨才能实现的吧。
不管微信小程序是否能颠覆当今的移动开发格局,我们都要积极向上的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让我们来开始学习列表的上拉加载和下拉刷新的实现吧(通过聚合数据平台获取微信新闻)。
1. 介绍几个组件
1.1 scroll-view 组件
注意:使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。
1.2 image 组件
注意:mode 有 12 种模式,其中 3 种是缩放模式,9 种是裁剪模式。
1.3 Icon 组件
- iconType: [
- 'success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',
- 'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',
- 'info_circle', 'cancel', 'search', 'clear'
- ]
2. 列表的上拉加载和下拉刷新的实现
2.1 先来张效果图
2.2 逻辑很简单,直接上代码
2.2.1 detail.wxml 布局文件
来源: http://www.jb51.net/article/110222.htm