最新更新 | 下载排行

您所在的位置： 下载吧  >  软件教程  >  编程开发 > 正文

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

  • 时间：2016-12-29 17:09
  • 来源：下载吧
  • 编辑：huangyuan

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

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号微信小程序上线后，扫一扫下面的二维码就可以啦!

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

最近更新

人气排行

装机必备 | 软件分类 | 提交软件 | 在线病毒扫描 | 联系我们 | 版权声明

Copyright 2008-2025 下载吧(www.xiazaiba.com). 联系方式：

晋ICP备2023014734号-1