[图片] 在我的小程序的设计中，不想一开始就出现底部导航栏，开始是封面的登录界面，然后导航到登录信息的认证，最后进入有底部导航栏的管理信息页面，感觉正常的tabBar做不了，所以尝试用自定义tabBar，但实际使用起来，就我想导航到的页面总是不成功（如图所示，我设置两个选型的导航栏，对应fox和mine），请大神帮忙

怎样设计底部导航栏，实现从登陆界面登录以后，导航到我想要的界面出现导航键？直接用tabBar在app.json里不能做到我想要的效果，求大神帮忙

[图片] [图片]

drawProgressbg: function () {     // 使用 wx.createContext 获取绘图上下文 context     wx.createSelectorQuery()     .select('canvasProgressbg') // 在 WXML 中填入的 id     .fields({ node: true, size: true })     .exec((res) => {         // Canvas 对象         const canvas = res[0].node         // 渲染上下文         const ctx = canvas.getContext('2d')         // Canvas 画布的实际绘制宽高         const width = res[0].width         const height = res[0].height         // 初始化画布大小         const dpr = wx.getWindowInfo().pixelRatio         canvas.width = width * dpr         canvas.height = height * dpr         ctx.scale(dpr, dpr)})     ctx.setLineWidth(5); // 设置圆环的宽度     ctx.setStrokeStyle('#a9a9a9'); // 设置圆环的颜色     ctx.setLineCap('round'); // 设置圆环端点的形状     ctx.beginPath(); //开始一个新的路径     ctx.arc(110, 110, 100, 0, 2 * Math.PI, false);     //设置一个原点(100,100)，半径为90的圆的路径到当前路径     ctx.stroke(); //对当前路径进行描边     ctx.draw();   }, [图片] [图片]

 takePhoto(){   var that=this    //拍照    const ctx=wx.createCameraContext()    ctx.takePhoto({      quality: 'high',      success: (res)=>{        this.setData({          src:res.tempImagePath //获取图片        })        //图片base64编码        wx.getFileSystemManager().readFile({          filePath:this.data.src, //选择图片返回的相对路径          encoding: 'base64', //编码格式返回          success: res=>{  //成功回调           this.setData({             base64: res.data           })          }        })      }//拍照成功结束    })//调用相机结束