美文网首页微信小程序开发程序开发
微信小程序丨登录注册页面跳转Tabbar主页面

微信小程序丨登录注册页面跳转Tabbar主页面

作者: 炼心术师 | 来源:发表于2019-12-24 15:05 被阅读0次

在小程序开发中,有时候需要用到单独的登录注册等页面,而主程序的框架为Tabbar页面,这时候就需要进行跳转。

登录页面

一、在app.json中,将你的登录、注册等页面路径放置在最前面,这样小程序运行时就会优先展示登录页面。

{
  "pages": [
    "pages/登录注册/login/login",
    "pages/登录注册/regist/regist",
    "pages/devlist/devlist",
    "pages/connect/connect",
    "pages/personal/personal",
    ......
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    ......
  },
  "sitemapLocation": "sitemap.json"
}

二、登录按钮关联如下跳转事件,url路径选择带tabbar的页面即可。

loginAccount:function() {
    wx.switchTab({
      url: '/pages/devlist/devlist',
    })
  },

点击登录按钮,就可以跳转了。

tabbar主页面

相关文章

  • 微信小程序丨登录注册页面跳转Tabbar主页面

    在小程序开发中,有时候需要用到单独的登录注册等页面,而主程序的框架为Tabbar页面,这时候就需要进行跳转。 一、...

  • 微信小程序跳转tabBar携带参数

    微信小程序的导航跳转分为navigateTo(保留当前页,跳转到应用内的其他页面,跳转非tabBar页面,可带参...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

  • 微信小程序-tabbar

    微信小程序使用自带的tabbar 在跳转到某个tab页面时,只能使用

  • 2019-05-04

    小程序之页面跳转 非tabBar页面跳转到tabBar页面必须用wx.switchTab,不能用其他的API ...

  • 小程序页面跳转几种方式

    小程序页面跳转 小程序页面跳转的四种方法 参数类型必填说明urlString是需要跳转的应用内非tabBar的页面...

  • 注册和登录(关于Cookie)

    需求 我希望用户能够注册 ->注册后跳转到登录页面 -> 登录页面跳转以后跳转到首页显示我的登录密码 注册页面 前...

  • 自定义微信小程序tabBar+权限管理+页面跳转不刷新

    自定义微信小程序tabBar+权限管理+页面跳转不刷新 一.需求 1.tabBar在实际的项目中,被UI要求字体...

  • 六、url链接

    1.页面跳转 在网站中我们经常会遇到,页面跳转的情况,比如点击登录,可以跳转到登录页面,点击注册可以跳转到注册页面...

  • 表单组件的应用

    微信小程序里有很多表单组件,通过使用这些表单组件,完成登录页面、手机快速注册页面和企业用户注册页面。本次demo中...

网友评论

    本文标题:微信小程序丨登录注册页面跳转Tabbar主页面

    本文链接:https://www.haomeiwen.com/subject/ddcfoctx.html