首页 > 软件开发 > JavaScript >

小程序怎么隐藏某个页面的导航栏

来源:互联网 2023-03-17 00:02:55 502

在进行微信小程序开发时,它自带了一套导航系统。如果要使用自定义或隐藏自带的导航栏,该如何实现呢?LBO办公区 - 实用经验教程分享!

小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

工具/原料

  • 微信小程序
  • 微信小程序开发工具
  • WPS
  • 截图工具

方法/步骤

  • 1

    打开电脑开始菜单,找到微信小程序开发工具并打开LBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 2

    新建微信小程序项目,然后查看项目结构LBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 3

    保存代码并查看模拟器,可以看到导航栏和默认的界面效果LBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 4

    打开项目中的app.json,查看设置导航栏的代码LBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 5

    在window属性中,添加navigationStyle,设置为customLBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 6

    再次保存代码并查看模拟器,可以看到导航栏隐藏了LBO办公区 - 实用经验教程分享!

    小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

  • 6相关内容非法爬取自百度经验
  • 总结

    • 1、打开开发工具LBO办公区 - 实用经验教程分享!

      2、新建微信项目LBO办公区 - 实用经验教程分享!

      3、查看项目结构LBO办公区 - 实用经验教程分享!

      4、打开文件添加LBO办公区 - 实用经验教程分享!

      5、保存查看效果LBO办公区 - 实用经验教程分享!

      小程序怎么隐藏某个页面的导航栏LBO办公区 - 实用经验教程分享!

    注意事项

    • 注意小程序怎么隐藏某个页面的导航栏
    • 注意如何自定义微信小程序导航栏

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LBO办公区 - 实用经验教程分享!


    标签: 小程序JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码