uni-app上拉加载,下拉刷新

文件路径根据自己的项目进行修改,里面涉及的上拉加载更多的uni-load-more.vue组件,到官方组件里下载使用。

  1. 需要在pages.json里配置
{
	"path": "pages/news/news",
		"style": {
			"navigationBarTitleText": "新闻中心",
			"enablePullDownRefresh": true
		}
}

2. 自己写的json数据,代码如下:
news.json

{
	"data":[
		{"id":"0","title":"1双龙聚凤 璀璨人生翡翠 色泽光鲜色彩伊人","public_time":"2019-01-01","img":"/static/paint1.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"1","title":"2天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/paint2.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"2","title":"3双龙聚凤 璀璨人生翡翠 色泽光鲜色彩伊人","public_time":"2019-01-01","img":"/static/paint1.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"3","title":"4天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/paint2.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"4","title":"5天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/w8.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"5","title":"6天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/paint2.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"6","title":"7天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/banner.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"7","title":"8天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/paint2.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"},
		{"id":"8","title":"9天然缅甸翡翠 外形简洁饱满 异常圆润 意钱财滚滚来","public_time":"2019-01-01","img":"/static/banner.png",
		"content":"科普推广:科学知识、科学思维方法、科学态度。将“科学知识原理”转化为趣味性、游戏化、生活化的课程,深入浅出,将科学知识还原为最浅显的生活原理,最深层次激发孩子的联想,培养和建立能力素质。"}
	],
	"pages_count":"9"
}

**

3. news.vue

**







你可能感兴趣的:(uni-app,上拉加载,下拉刷新)