微信小程序tabBar底部导航栏的个性化设置
发布于 6 年前 作者 xiulanchang 10432 次浏览 来自 问答

在微信小程序中,我想在底部导航栏设置一个中间悬浮的效果,但是小程序不支持底部实现自定义的效果,于是我就自己写了一个,但是效果不是很好,望小程序早日修改这个问题

我的实现方案如下

新建一个公共组件tabbar,如下图所示:

最后index.js tabs: [{ fun: “indexTo”, menus: ‘首页’, url: ‘…/…/imgs/index/index.png’, icon: ‘indexI’, active: ‘active’ }, { fun: “publishTo”, icon: “centerI”, menus: ‘发布’, url: ‘…/…/imgs/index/center_c.png’, active: ‘’ }, { fun: “adminTo”, menus: ‘我的’, url: ‘…/…/imgs/index/admin_c.png’, icon: ‘lastI’, active: ‘’ }]

再添加点击事件,这样实现了底部导航悬浮,但是切换不是很好,

我的代码详见:https://gitee.com/starryqian/loveRead

2 回复

你好,你的反馈我们已收到,我们会在后续的版本中考虑增加类似功能。

好的,敬请期待

回到顶部