收藏
回答

微信小程序tabBar底部导航栏的个性化设置

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 客户端 2.3.6 2.0.0

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

我的实现方案如下

新建一个公共组件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 个回答

登录 后发表内容