微信小程序内测案例：体验列表的上拉加载和下拉刷新的实现

微信小程序怎么样？内侧如何，下面给大家看一篇微信小程序内测案例：体验列表的上拉加载和下拉刷新的实现。

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.2.1 detail.wxml 布局文件

2.2.2 detail.js逻辑代码文件

最后的效果：

下面我们不妨来看看微信小程序里的嗨图，这里有大量DIY图片的模板，点击可以生成使用，分享到朋友圈，用户可以上传的自己DIY作品，是不是很想试试呢?等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦!