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

小程序自定义底部导航缓存,第1张

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

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

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

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

1用于实现多页面的快速切换。

2tabbar导航栏只能配置最少 2 个、最多 5 个 tab 页签。

3步骤:

① 通过 appjson 文件的 pages 节点,新建 对应的 tab 页面

② tabBar 节点中,新增 list 数组,这个数组中存放的,是每个 tab 项的配置对象

③ 在 list 数组中,新增每一个 tab 项的配置对象。对象中包含的属性如下:

-pagePath 指定当前 tab 对应的页面路径必填

-text 指定当前 tab 上按钮的文字必填

-iconPath 指定当前 tab 未选中时候的路径可选

-selectedIconPath 指定当前 tab 被选中后高亮的路径可选

使用组件:<navigator url=" / ">1</navigator>

使用api:wxnavigateTo({url:" / "})

这次的项目需求是用户存在两种身份,普通用户和师傅用户,那么要根据不同的身份展示不同的tabBar菜单,看了下官方文档,难度不大,但是由于我用的框架是Taro,所以实现起来很难,试了几次Api调不通就放弃了,转为JS大法写了,但是配置方面还是得按照小程序文档来。

做成效果

此文是Taro版,非原生,思路可供参考,毕竟JS是互通的。

此文件编写的组件会作为自定义的tabBar展示出来

以上就是关于小程序自定义底部导航缓存全部的内容,包括:小程序自定义底部导航缓存、小程序--tabbar导航、小程序动态tabBar菜单,根据条件渲染不同的tabBar等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/9821721.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存