Day06--下拉刷新

提纲挈领:

1.什么是下拉刷新

Day06--下拉刷新_第1张图片

******************************************************************************************************************************************************************************************************************************************************************************************************************************************

2.启动下拉刷新

Day06--下拉刷新_第2张图片 

我的操作:

1>在message.json里面:

Day06--下拉刷新_第3张图片 

******************************************************************************************************************************************************************************************************************************************************************************************************************************************

3.配置下拉刷新新窗口的样式

Day06--下拉刷新_第4张图片

 我的操作:

Day06--下拉刷新_第5张图片

 ******************************************************************************************************************************************************************************************************************************************************************************************************************************************

4.监听页面的下拉刷新事件

Day06--下拉刷新_第6张图片

1> 我的操作:在message.js里面

Day06--下拉刷新_第7张图片

 2>复杂一点的操作。在message.wxml里面写一个按钮自增1,而后在message.js里面让其归零

Day06--下拉刷新_第8张图片

 Day06--下拉刷新_第9张图片

我的操作:

1>在message.wxml里面:

Day06--下拉刷新_第10张图片 

2>在message.js里面:

Day06--下拉刷新_第11张图片 

  *****************************************************************************************************************************************************************************************************************************************************************************************************************************************

5>停止下拉刷新的效果。【你在手机上使用下拉刷新它不会自己关闭!

Day06--下拉刷新_第12张图片

Day06--下拉刷新_第13张图片 我的操作: 

Day06--下拉刷新_第14张图片

 

你可能感兴趣的:(小程序,微信,小程序,微信小程序)