微信小程序(五)下拉刷新

注释很详细,直接上代码

新增内容:
1. 下拉刷新
2. 下拉页面背景颜色
3. 设置是否可滚动
4. 设置导航栏模式

源码:(实际上不能加注释但这里为了方便解释就加上了)

index.json

{
	//默认模式,另一种自定义模式是custom
	//自定义模式会去掉原来的顶部导航栏让出空间来
    "navigationStyle": "default",
    
    //下拉页面的颜色
    "backgroundColor": "#00b26a",

	//设置可下拉刷新
    "enablePullDownRefresh": true,

	//设置不可滚动(当内容长于屏幕时是否有滚动条)
    "disableScroll": false
}

效果演示:

默认模式下的下拉效果

微信小程序(五)下拉刷新_第1张图片

自定义模式的下拉效果

微信小程序(五)下拉刷新_第2张图片

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