You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.0 KiB
91 lines
2.0 KiB
// components/swiperefreshlayout/swiperefreshlayout.js
|
|
Component({
|
|
options: {
|
|
multipleSlots: true
|
|
},
|
|
properties: {
|
|
height: {
|
|
type: Number,
|
|
value: 800
|
|
},
|
|
threshold: { // 下拉刷新阈值，下拉距离超过该值触发刷新
|
|
type: Number,
|
|
value: 30
|
|
},
|
|
color: { // 下拉刷新进度条颜色
|
|
type: String,
|
|
value: 'black'
|
|
},
|
|
backgroundColor: { // 下拉刷新圆圈背景颜色
|
|
type: String,
|
|
value: 'white'
|
|
},
|
|
loadMoreEnable: { // 是否开启上拉加载
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
refreshing: {
|
|
type: Boolean,
|
|
value: false,
|
|
observer(value) {
|
|
this.setRefresh(false)
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
progressBarHeight: '', // 下拉刷新圆圈高度
|
|
rotate: '',
|
|
scrollTop: true, // 当前是否处于顶部
|
|
triggered: false // 当前下拉刷新状态，true表示下拉刷新已经被触发，false表示下拉刷新未被触发
|
|
},
|
|
|
|
lifetimes: {
|
|
attached: function() {
|
|
// 在组件实例进入页面节点树时执行
|
|
this.setData({ progressBarHeight: this.rpx2px(80) });
|
|
}
|
|
},
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
_scroll: function(e) {
|
|
// console.log(e);
|
|
if (e.detail.scrollTop <= 50) {
|
|
// 滚动到顶部
|
|
this.setData({ scrollTop: true });
|
|
} else {
|
|
this.setData({ scrollTop: false });
|
|
}
|
|
},
|
|
/**
|
|
* 滚动到底部
|
|
*/
|
|
_scrollToLower: function(e) {
|
|
if (this.properties.loadMoreEnable) {
|
|
this.triggerEvent('loadmore');
|
|
}
|
|
},
|
|
/**
|
|
* 设置刷新状态
|
|
*/
|
|
setRefresh: function(refreshing) {
|
|
if (this.data.triggered != refreshing) {
|
|
if (refreshing) {
|
|
// 触发刷新
|
|
this.triggerEvent('refresh');
|
|
}
|
|
this.setData({ triggered: refreshing });
|
|
}
|
|
},
|
|
/**
|
|
* rpx转px
|
|
*/
|
|
rpx2px: function(rpx) {
|
|
return rpx / 750 * wx.getSystemInfoSync().windowWidth;
|
|
}
|
|
}
|
|
})
|