小程序自定义底部导航缓存

1、可以使用小程序的storage本地存储功能，将用户在底部导航栏点击的内容存储在storage中，开发者可以在每次用户进入小程序时，获取storage中存储的信息，实现自定义底部导航缓存。

2、也可以使用小程序的session本地乎知存储功能，将用户在底部导航栏点击的内容存储在session中，开发者可以在每次用户进入小程序时，获取session中存储的信息，实现自定义底部导航缓存。

3、可以使用小程序的openid，将用户在底部导航栏点击的内容腔睁存储在openid中，开发者岁圆消可以在每次用户进入小程序时，获取openid中存储的信息，实现自定义底部导航缓存。

4、也可以使用小程序的云数据库，将用户在底部导航栏点击的内容存储在云数据库中，开发者可以在每次用户进入小程序时，获取云数据库中存储的信息，实现自定义底部导航缓存。

在一个微信小程序中想要用到两种不同的tabbar样式，需要在app.js中自定义，在页面加载时进行调用。

比如一个小程序需要两个版本（用户版、商家版），并且能通过一闷昌个按钮在两个版本间进行切换，可能会用到这种方式。

此处以两个页面（index，logs）显示两种tabbar样橡粗式为例，通过切换按钮梁罩镇进行切换。

首先有一个模板文件：tabbar.wxml

在app.json中无需定义“tabBar”

在app.js中自定义如下

在app.wxss中定义显示样式

index.wxml，用到自定义tabbar的页面的首部都需要引入模板文件

index.js

logs.js

加载自定义tabbar的那句话（app.editTabBar）写在onload或onshow中都可以。

只写了两个主页面，其他页面可自行定义跳转。

最后放上效果图：

微信小程序页面滑到到底部，继续上拉跳转到其他界面：

以下方法不可行：

1.实现这功能不能用onReachBottom，onReachBottom只有页面滑到到底部才触发，继续上拉无法再触发onReachBottom；

2.如果界面上包含其他手孙内容，底部是列表，界面绑定页面下拉刷新方法，这种情况也不能使用scroll-view的上拉加载更多方法，会导致页面下拉和列表srcoll-view下拉2个事件冲突，触发不灵敏

解决办法：

首页上监听 touchmove，然后首页加仿薯姿载完的时候查询一下整个页面的高度。touchmove的时候判断已经是到底了，就跳转A页面呗。不过需备绝要注意会触发多次，注意过滤

---