Kbone中下拉刷新与上滑加载

Kbone尝鲜

---

前言

Kbone作为微信官方推出的一款多端开发微信小程序的方案，相比其他同功能的模式来说会更加友好，但其中有部分功能需要我们自己去配置一下才能使用，包括今天我要介绍的下拉与上滑

---

以下要介绍的也只是起到一个引路作用，其他配置需要读者自己去类比。

一、配置步骤

1.配置

miniprogram.config.js：

//全局配置
 global: {
        share: true,
        windowScroll: false,
        //上滑加载
		reachBottom: true,
        backgroundColor: '#F7F7F7',
    },
    //单一页面配置
     pages: {},

2.监听

代码如下（示例）：

//页面部分
<div class="w" @touchStart='touchStart' >
</div>
//js部分
 touchStart() {
		var that = this
		window.addEventListener('reachbottom', evt => {
		setTimeout(function() {
			that.page=that.page+1
			that.getdata(that.page)
		},10)
		}); 
	  },

---

总结

因为kbone相对来说是新的东西，所以使用的公司可能不是很多，其中难免有些bug或者不足，我也会把自己在使用中遇到的问题以及我的解决方法都分享出来，共同进步。