46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
// index.js
|
||
|
||
Page({
|
||
data: {
|
||
active: "",
|
||
navbarData: {
|
||
showCapsule: 1, //是否显示左上角图标
|
||
returnType: 1, //是否显示返回图标 不传不显示
|
||
homeType: 1, //是否显示主页图标 不传不显示
|
||
title: "古言网络", //中间标题
|
||
bgColor: "#f8f8f8",
|
||
},
|
||
opacity: 0,
|
||
showNav: false,
|
||
},
|
||
onLoad() {
|
||
this.setData({
|
||
active: "a",
|
||
});
|
||
},
|
||
//监听屏幕滚动，获取滚动距离
|
||
onPageScroll: function (e) {
|
||
this.scrollTop = e.scrollTop;
|
||
let show = false;
|
||
//根据我们要的滚动距离设置渐隐渐显
|
||
//滚动小于115时不显示，当大于115小于200时显示并根据距离调节透明度opacity
|
||
//为了渐隐渐显平滑使用距离进行计算
|
||
if (e.scrollTop <= 50) {
|
||
show = false;
|
||
} else {
|
||
show = true;
|
||
}
|
||
if (show != this.showNav) {
|
||
this.setData({
|
||
showNav: show,
|
||
});
|
||
}
|
||
},
|
||
onChange(event) {
|
||
wx.showToast({
|
||
title: `切换到标签 ${event.detail.name}`,
|
||
icon: "none",
|
||
});
|
||
},
|
||
});
|